Webpack 在Web包文件中检测运行了哪个package.json脚本命令

在webpack.config.js文件中，我需要publicPath为

http://localhost:3000

当我在开发（

npm-run-dev

）和生产（

npm-run-build

）中使用它时，我需要它是

/dist

目前，当我需要生产构建时，我总是手动将publicPath从

http://localhost:3000

至

/dist

。是否有一种方法可以根据正在运行的npm脚本命令自动执行此操作？应自动使用

http://localhost:3000

当

npm运行开发时

和

/dist

当

npm运行构建时

package.json-file：

"scripts": {
    "build": "webpack --mode production",
    "dev": "webpack-dev-server --mode development",
},

网页包文件：

output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    // publicPath: 'http://localhost:3000'
    publicPath: '/dist'
},

---

将

webpack.config.js

模块导出转换为函数，并通过

argv

访问

模式

：

module.exports = (env, argv) => {
    return {
        ...
        output: {
            path: path.join(__dirname, 'dist'),
            filename: 'bundle.js',
            publicPath: argv.mode === 'production' ? 'dist' : 'http://localhost:3000'
        }
    }
};