Javascript 如何组织npm脚本和几个网页包配置?

Javascript 如何组织npm脚本和几个网页包配置?,javascript,npm,webpack,bundle,bundler,Javascript,Npm,Webpack,Bundle,Bundler,我在project中有几个仪表板,我决定在package.json中为每个仪表板编写单独的脚本(在开发中,当您只使用一个仪表板时,构建所有仪表板不是很有用,这需要更多的时间)。 首先,我发现via脚本可以启动具体的webpack配置。因此它看起来像: "scripts": { "dash1": "export NODE_ENV=development && webpack --config=webpack.dash1.config.js -d --watch --dis

我在project中有几个仪表板,我决定在package.json中为每个仪表板编写单独的脚本(在开发中,当您只使用一个仪表板时,构建所有仪表板不是很有用,这需要更多的时间)。 首先,我发现via脚本可以启动具体的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个单独的网页配置文件,我将指定适当的条目文件。但是否有可能以某种方式在npm脚本中传递参数并在webpack配置中检查它?也许可以根据npm脚本参数提交的trn对条目执行条件检查

Webpack配置文件只是javascript,所以什么都可以。就你而言,你可以

  • 使用环境变量
  • NODE\u ENV=development DASHBOARD=dash1 webpack--config=webpack.config.js

    (请注意,您不需要导出废话&&)

  • 对扩展此配置的每个仪表板使用基本配置和配置
  • 并使用类似的工具来帮助合并基本配置

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