Update npm packages

package.json

@@ -15,43 +15,43 @@
     "start": "node dist"
   },
   "dependencies": {
-    "animejs": "^3.2.0",
+    "animejs": "^3.2.1",
     "compression": "^1.7.4",
     "imagesloaded": "^4.1.4",
-    "lazysizes": "^5.2.2",
-    "node-fetch": "^2.6.0",
+    "lazysizes": "^5.3.0",
+    "node-fetch": "^2.6.1",
     "normalize.css": "^8.0.1",
     "polka": "^1.0.0-next.11",
     "rellax": "^1.12.1",
     "scroll-out": "^2.2.12",
-    "sirv": "^1.0.6",
-    "svelte-lazy": "^1.0.5",
-    "swipe-listener": "^1.2.0"
+    "sirv": "^1.0.10",
+    "svelte-lazy": "^1.0.8",
+    "swipe-listener": "^1.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.4",
+    "@babel/core": "^7.12.10",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.11.0",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/runtime": "^7.11.2",
+    "@babel/plugin-transform-runtime": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/runtime": "^7.12.5",
     "@rollup/plugin-alias": "^3.1.1",
-    "@rollup/plugin-babel": "^5.2.0",
-    "@rollup/plugin-commonjs": "15.0.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-replace": "^2.3.3",
-    "autoprefixer": "^9.8.6",
+    "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-commonjs": "17.0.0",
+    "@rollup/plugin-node-resolve": "^11.0.1",
+    "@rollup/plugin-replace": "^2.3.4",
+    "autoprefixer": "^10.2.1",
     "dotenv": "^8.2.0",
-    "node-sass": "^4.14.1",
-    "postcss": "^7.0.32",
-    "postcss-load-config": "^2.1.0",
+    "node-sass": "^5.0.0",
+    "postcss": "^8.2.4",
+    "postcss-load-config": "^3.0.0",
     "postcss-preset-env": "^6.7.0",
-    "rollup": "^2.26.5",
+    "rollup": "^2.36.1",
     "rollup-plugin-glslify": "^1.2.0",
-    "rollup-plugin-svelte": "^5.2.3",
-    "rollup-plugin-terser": "^7.0.0",
-    "sapper": "^0.28.0",
-    "svelte": "^3.24.1",
-    "svelte-preprocess": "^4.1.1"
+    "rollup-plugin-svelte": "^7.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "sapper": "^0.28.10",
+    "svelte": "^3.31.2",
+    "svelte-preprocess": "^4.6.1"
   },
   "browserslist": [
     "> 0.5%",

rollup.config.js

@@ -8,8 +8,8 @@ import svelte from 'rollup-plugin-svelte'
 import autoPreprocess from 'svelte-preprocess'
 import { terser } from 'rollup-plugin-terser'
 import glslify from 'rollup-plugin-glslify'
-import sapperConfig from 'sapper/config/rollup'
-import { config } from 'dotenv'
+import config from 'sapper/config/rollup'
+import { config as dotenv } from 'dotenv'
 import pkg from './package.json'
 
 // Define environment and things
@@ -18,7 +18,7 @@ const dev = mode === 'development'
 const legacy = !!process.env.SAPPER_LEGACY_BUILD
 const replaceOptions = {
     'process.env.NODE_ENV': JSON.stringify(mode),
-    'process.env.CONFIG': JSON.stringify(config().parsed)
+    'process.env.CONFIG': JSON.stringify(dotenv().parsed)
 }
 
 // Svelte
@@ -53,8 +53,8 @@ export default {
     ** Client
     */
     client: {
-        input: sapperConfig.client.input(),
-        output: sapperConfig.client.output(),
+        input: config.client.input(),
+        output: config.client.output(),
         plugins: [
             // Javascript
             replace({
@@ -62,11 +62,12 @@ export default {
                 ...replaceOptions
             }),
             svelte({
-                dev,
                 preprocess,
+                emitCss: true,
+                compilerOptions: {
+                    dev,
                     hydratable: true,
-                emitCss: dev,
-                css: css => css.write('static/bundle.css')
+                }
             }),
             aliases,
             glslify(),
@@ -96,18 +97,21 @@ export default {
     ** Server
     */
     server: {
-        input: sapperConfig.server.input(),
-        output: sapperConfig.server.output(),
+        input: config.server.input(),
+        output: config.server.output(),
         plugins: [
             replace({
                 'process.browser': false,
                 ...replaceOptions
             }),
             svelte({
+                preprocess,
+                emitCss: false,
+                compilerOptions: {
                     generate: 'ssr',
                     hydratable: true,
                     dev,
-                preprocess
+                }
             }),
             aliases,
             glslify(),
@@ -128,8 +132,8 @@ export default {
     */
     // ...(!dev && {
     //     serviceworker: {
-    //         input: sapperConfig.serviceworker.input(),
-    //         output: sapperConfig.serviceworker.output(),
+    //         input: config.serviceworker.input(),
+    //         output: config.serviceworker.output(),
     //         plugins: [
     //             resolve(),
     //             replace({

src/template.html

@@ -13,12 +13,11 @@
 
     %sapper.base%
     %sapper.head%
+    %sapper.scripts%
     %sapper.styles%
 </head>
 
 <body>
     %sapper.html%
-
-    %sapper.scripts%
 </body>
 </html>