Webpack 脚本运行问题 [webpack-cli] 错误：未知选项“--env.development”

Question

我尝试在将 webpack4 升级到 webpack5 后运行该应用程序，我还将节点版本升级到 18。这是我得到的...

[webpack-cli] Error: Unknown option '--env.development'
[webpack-cli] Run 'webpack --help' to see available commands and options

这是我的 package.json 文件

"scripts": {
    "start": "webpack-dev-server --env.development",
    "watch": "webpack --watch",
    "build-production": "webpack --env.production --env.NODE_ENV=production ",
    "build-staging": "webpack --env.production --env.NODE_ENV=staging ",
    "build-development": "webpack --env.production --env.NODE_ENV=development ",
    "test": "jest --maxWorkers=4 --logHeapUsage",
    "lint:report": "eslint -f checkstyle -o ./eslint_report/report.xml --ext .js,.vue .",
    "lint:fix": "eslint --ext .js,.vue --fix .",
    "lint": "eslint . --ext .js,.vue",
    "format": "prettier -w .",
    "prepare": "husky install"
  },
 "webpack": "^5.74.0",
    "webpack-cli": "^4.10.0",
    "webpack-dev-server": "^4.11.1"

究竟出了什么问题？

Answer 1

从 webpack 4 到 webpack 5 发生了重大变化，因此主要版本发生了变化。在您的情况下，环境变量的命令行选项已更改，请参阅https://webpack.js.org/api/cli/#environment-options--env因此您需要删除like 之后的点--env NODE_ENV=production而不是--env.NODE_ENV=production

预计 webpack 配置文件中会有更多不兼容性。