如何组织npm脚本和几个webpack配置？

Question

我在项目中有几个仪表板，我决定在package.json中为每个脚本制作单独的脚本（在开发中，仅使用一个仪表板来构建所有仪表板不是很有用。这需要花费更多时间）。首先，我发现通过脚本可以启动具体的webpack配置。因此它看起来像：

"scripts": {
    "dash1": "export NODE_ENV=development && webpack --config=webpack.dash1.config.js  -d --watch --display-error-details export name=employee ",
    "dash2": "export NODE_ENV=production && webpack --config=webpack.dash2.config.js --progress",
    "dash3": "export NODE_ENV=development && webpack --config=webpack.dash3.config.js -d --watch --display-error-details",
}

在这种情况下，我将需要有3个单独的webpack配置文件，在这里我将指定适当的入口文件。但是有可能以某种方式在npm脚本中传递参数并在webpack配置中对其进行检查吗？也许可以根据npm-script param发出的条件对条目执行条件检查？

Answer 1

Webpack配置文件只是javascript-一切顺利。在您的情况下，您可以

1. 使用环境变量

https://webpack.js.org/guides/environment-variables/

NODE_ENV=development DASHBOARD=dash1 webpack --config=webpack.config.js

（p.s。，您不需要export blah &&）

2. 对每个仪表板使用基本配置和配置，以扩展此配置

config
├── base.config.js
├── dash1.config.js // extends base.config.js
└── dash2.config.js

并使用https://github.com/survivejs/webpack-merge之类的工具来帮助合并基本配置。