javascript - 将命令行参数传递给 webpack.config.js

Question

我有一个简单的 webpack.config.js

module.exports = {
  entry: "./app.js",
  output: {
    filename: "bundle.js"
  },
}

我想通过命令行参数传递entry和output的值。这可能吗？我该怎么做？

Answer 1

webpack.config.js 还可以导出 env 的函数，该函数可以返回 conf 对象。因此，您可以有一个 webpack 配置(高于 webpack 版本 5)，例如:

module.exports = env => {
    return {
        entry: env.production ? "./app.js": "app-dev.js",
        output: {
          filename: "bundle.js"
        },
    }
};

env 可以是您想要的任何名称。从命令行(或 package.json)调用 webpack，如下所示:

webpack --env=production

或

webpack --env=development

在webpack.config.js中，我们得到的env值是这样的，

{ WEBPACK_BUNDLE: true, WEBPACK_BUILD: true, production: true }