我在项目中有几个仪表板,我决定在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发出的条件对条目执行条件检查?
Webpack配置文件只是javascript-一切顺利。在您的情况下,您可以
https://webpack.js.org/guides/environment-variables/
NODE_ENV=development DASHBOARD=dash1 webpack --config=webpack.config.js
(ps不需要export blah &&
)
config
├── base.config.js
├── dash1.config.js // extends base.config.js
└── dash2.config.js
并使用https://github.com/survivejs/webpack-merge之类的工具来帮助合并基本配置。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句