From 275da9fca3f58261eb0bd1c25d55548241e0473c Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Mon, 7 Mar 2022 11:29:45 +0100
Subject: [PATCH] Update npm scripts to allow hot reloading

Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 package.json         |  7 ++++---
 webpack.build-dev.js |  8 --------
 webpack.build.js     | 39 ---------------------------------------
 webpack.config.js    |  4 ++++
 webpack.devel.js     |  5 ++---
 5 files changed, 10 insertions(+), 53 deletions(-)
 delete mode 100644 webpack.build-dev.js
 delete mode 100644 webpack.build.js

diff --git a/package.json b/package.json
index dd515e8d..51ba1dbc 100644
--- a/package.json
+++ b/package.json
@@ -4,9 +4,10 @@
 	"description": "",
 	"main": "src/main.js",
 	"scripts": {
-		"build": "node node_modules/webpack/bin/webpack.js --progress --config webpack.build.js",
-		"build-dev": "node node_modules/webpack/bin/webpack.js --progress --config webpack.build-dev.js",
-		"dev": "node node_modules/webpack/bin/webpack.js --progress --watch --config webpack.devel.js",
+		"build": "npx webpack --node-env production --progress --config webpack.config.js",
+		"build-dev": "npx webpack --node-env development --progress --config webpack.config.js",
+		"dev": "npx webpack --node-env development --progress --watch --config webpack.devel.js",
+		"serve": "npx webpack serve --node-env development --progress --config webpack.config.js --env dev_server",
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"prettier": "npx prettier --check src",
 		"prettier-fix": "npx prettier --write src",
diff --git a/webpack.build-dev.js b/webpack.build-dev.js
deleted file mode 100644
index 03c5f935..00000000
--- a/webpack.build-dev.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const { merge } = require('webpack-merge')
-const common = require('./webpack.config.js')
-
-module.exports = merge(common, {
-    mode: 'development',
-    devtool: 'inline-cheap-source-map',
-    plugins: [],
-})
diff --git a/webpack.build.js b/webpack.build.js
deleted file mode 100644
index 650d8d54..00000000
--- a/webpack.build.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const { merge } = require('webpack-merge')
-const common = require('./webpack.config.js')
-const TerserPlugIn = require('terser-webpack-plugin')
-const CompressionPlugin = require('compression-webpack-plugin')
-
-module.exports = merge(common, {
-    mode: 'production',
-    devtool: 'source-map',
-    optimization: {
-        minimizer: [
-            new TerserPlugIn({
-                terserOptions:{	
-                    //sideEffects: false,
-                    // All files have side effects, and none can be tree-shaken
-                    // {
-                    //   "./src/file2.js"
-                    //  ]
-                    // }
-                    output:{
-                        comments: false
-                    }
-                },
-                parallel: true
-            })
-        ],
-    },
-    plugins: [
-        new CompressionPlugin({
-            test: /\.js(\?.*)?$/i,
-        }),
-    ],
-    performance: {
-        hints: "warning",
-        // Calculates sizes of gziped bundles.
-        assetFilter: function (assetFilename) {
-            return assetFilename.endsWith(".js.gz");
-        },
-    }
-})
diff --git a/webpack.config.js b/webpack.config.js
index a79f527a..28367e3b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -16,6 +16,10 @@ module.exports = (env) => { return merge(webpackConfig, {
     entry: {
         guest: path.resolve(path.join('src', 'guest.js')),
     },
+    // You can add this to allow acces in the network. You will have to adopt the public path in main.js as well!
+    // devServer: {
+    //     host: "0.0.0.0",
+    // },
     plugins: [
         new CleanWebpackPlugin(),
         new webpack.DefinePlugin({
diff --git a/webpack.devel.js b/webpack.devel.js
index 8cb65f68..a51a47e3 100644
--- a/webpack.devel.js
+++ b/webpack.devel.js
@@ -1,9 +1,8 @@
 const { merge } = require('webpack-merge')
-const base = require('./webpack.build-dev.js')
+const base = require('./webpack.config.js')
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 
-module.exports = merge(base, {
-    mode: "development",
+module.exports = (env) => merge(base(env), {
     plugins: [
         new BundleAnalyzerPlugin(
             {