Javascript 如何组织npm脚本和几个网页包配置?
我在project中有几个仪表板,我决定在package.json中为每个仪表板编写单独的脚本(在开发中,当您只使用一个仪表板时,构建所有仪表板不是很有用,这需要更多的时间)。 首先,我发现via脚本可以启动具体的webpack配置。因此它看起来像: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
"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