chore(webpack): Add npm run serve command

Signed-off-by: Julius Härtl <jus@bitgrid.net>

package.json

@@ -20,6 +20,7 @@
 		"build": "NODE_ENV=production webpack --progress --config webpack.js",
 		"dev": "NODE_ENV=development webpack --progress --config webpack.js",
 		"watch": "NODE_ENV=development webpack --progress --watch --config webpack.js",
+		"serve": "webpack serve --node-env development --allowed-hosts all --config webpack.js",
 		"lint": "eslint --ext .js,.vue src",
 		"lint:fix": "eslint --ext .js,.vue src --fix",
 		"lint:cypress": "eslint --ext .js cypress",

webpack.js

@@ -5,6 +5,7 @@ const StyleLintPlugin = require('stylelint-webpack-plugin')
 
 const buildMode = process.env.NODE_ENV
 const isDev = buildMode === 'development'
+const isDevServer = process.env.WEBPACK_DEV_SERVER;
 
 webpackConfig.entry = {
 	...webpackConfig.entry,
@@ -15,12 +16,16 @@ webpackConfig.entry = {
 	reference: path.join(__dirname, 'src', 'init-reference.js'),
 }
 
-webpackConfig.stats = {
-	context: path.resolve(__dirname, 'src'),
-	assets: true,
-	entrypoints: true,
-	chunks: true,
-	modules: true,
+if (isDevServer) {
+	webpackConfig.output.publicPath = 'http://127.0.0.1:3000/'
+} else {
+	webpackConfig.stats = {
+		context: path.resolve(__dirname, 'src'),
+		assets: true,
+		entrypoints: true,
+		chunks: true,
+		modules: true,
+	}
 }
 
 webpackConfig.plugins.push(