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在中构建制作应用   暂存模式，如果他们使用.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

我遇到了同样的问题，我发现问题出在使用3.0.0-beta.9的beta版本（@vue/cli-service），因此将其更改为rc版本（3.0.0-rc.3）是可行的。因此，在devDependencies下的package.json中，我将其更改为"@vue/cli-service": "^3.0.0-rc.3"