使用参数为不同的 webpack 条目构建 npm

Question

我想知道如何为不同的 webpack 条目运行 npm 构建？

我有以下 webpack 配置：

module.exports = {
entry: {
assetsApp: "./assetsApp/src/index.js",
pagesApp: "./assetsApp/src/index.js"
}
...

我想避免为每个条目创建不同的 webpack 配置。

我希望这样的事情：npm run build --app:assetsApp

我该如何实现？

Answer 1

您可以更新 package.json 以使用指定条目的单独脚本。

包.json

scripts: { "build:assetsApp": "webpack ./assetsApp/src/index.js", "build:pagesApp": "webpack ./pagesApp/src/index.js" }

然后运行npm run build:assetsApp或npm run build:pagesApp

不要忘记从 webpack 配置中删除入口对象。供将来参考webpack --help是一个很好的快速资源。