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

Question

到目前为止我做了什么:

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

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

现在，所有这些文件都有

NODE_ENV=production
VUE_APP_ENV=<mode>

document我遵循的明确指出，

vue-cli-service build --mode staging builds a production app in staging mode, using .env, .env.staging and .env.staging.local if they are present.

问题:

正如预期的那样，运行命令 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