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

年龄

我在项目中有几个仪表板,我决定在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-一切顺利。在您的情况下,您可以

  1. 使用环境变量

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

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

(ps不需要export blah &&

  1. 为每个仪表板使用基本配置和配置,以扩展此配置
config
├── base.config.js
├── dash1.config.js // extends base.config.js
└── dash2.config.js

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章