Webpack环境变量是未知参数的论据。

Question

我尝试创建一个Webpack设置，但是无法使其与环境变量一起工作。

我已经阅读了文档超过10次，但找不到解决方案。

我的package.json文件有以下脚本：

"build": "webpack --config webpack.config.js --env.MODE=production "

但是当我运行它时，Node会告诉我：

webpack: Unknown argument: --env.MODE=production
Usage: webpack --config <path to webpack configuration file> e.g. ./webpack.config.js
Description: Provide path to a webpack configuration file
Documentation: https://webpack.js.org/configuration/

编辑：我终于找到了解决方案。 webpack-ci安装的版本是"webpack-cli": "^4.0.0-beta.2"。 我将其降级，现在它可以正常工作。

- ElliotYoYo

---

没有起作用，仍然给我同样的错误，未知参数--env.production。 - ElliotYoYo

好的，请提供webpack.config.js文件 :) - artanik

由于我试图让这些变量起作用，但我没有忘记导出函数module.exports = env => {...}，所以WebPack配置无法正常工作。 - ElliotYoYo

我使用相同的版本，因为这是我第一次安装webpack。所有东西都应该是最新的。 - ElliotYoYo

@ElliotYoYo 降级不是解决方案 :) 对于像我这样的酷开发人员来说，这是错误的方式。我的答案是正确的，请接受它。 - AuthorProxy

Answer 1

只需使用间距即可...

"build": "webpack --mode=production --config webpack.config.js --env MODE=production"

现在你可以像这样解析它：

module.exports = ({ MODE }, { mode }) => {...}

祝你有美好的一天！

- AuthorProxy

Answer 2

这是我的做法，你可以在这里查看文件。

  "prod": "webpack -p --mode=production --config webpack.prod.js",
  "start": "webpack --mode=development --config webpack.dev.js",

- Tony Ngo