From cfd0fc828f650ba4c04e12fa1c24fa5fb13150d2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Wed, 17 May 2023 09:27:39 +0200 Subject: [PATCH] chore(webpack): Add npm run serve command MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- package.json | 1 + webpack.js | 17 +++++++++++------ 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index e04ec7616..c7369bb2f 100644 --- a/package.json +++ b/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", "stylelint": "stylelint src", diff --git a/webpack.js b/webpack.js index d5db80b35..e5fad1012 100644 --- a/webpack.js +++ b/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 = { 'card-reference': path.join(__dirname, 'src', 'init-card-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(