npm run build --mode [.env.mode] 没有按预期工作

Question

到目前为止我做了什么：

我一直在尝试基于NODE_ENV=production 设置多种构建模式，例如staging、testing、production 和development。所以我将各自的文件保存在项目文件夹的根目录中，例如：

• .env.production
• .env.staging
• .env.testing
• .env.development

现在，所有这些文件都有

NODE_ENV=production
VUE_APP_ENV=<mode>

我关注的document 明确指出，

vue-cli-service build --mode staging 在 暂存模式，如果它们使用 .env、.env.staging 和 .env.staging.local 存在。

问题：

正如预期的那样，运行命令npm run build --mode staging 将提供带有.env.staging 文件中列出的变量的生产版本。但是，会加载 production 变量而不是 staging。

参考：

• https://cli.vuejs.org/guide/mode-and-env.html#example-staging-mode
• https://forum.vuejs.org/t/how-to-build-production-app-with-varying-config/29708

Answer 1

你需要使用下面的命令

npm run build -- --mode staging

-- 之前的所有参数都被视为npm 参数，-- 之后的参数被传递给vue-cli-service

Answer 2

我遇到了同样的问题，我发现我的问题出在使用 @vue/cli-service 的 beta 版本 (3.0.0-beta.9) 所以将其更改为 rc 版本 (3.0.0-rc.3) 有效。所以在我的 devDependencies 下的 package.json 中，我将其更改为 "@vue/cli-service": "^3.0.0-rc.3"