使用特定的环境文件运行“npm run build”

Question

每次我运行 "npm run build" 命令时，我的 Vue 项目会自动使用 ".env.production" 文件（这是我的 .env 文件之一）。我想通过指定 env 文件来构建我的项目，例如：

1. npm run build .env.production（部署到生产服务器）
2. npm run build .env.development（部署到开发服务器）

有没有办法在运行 "npm run build" 时指定环境变量？

- Seon Woo Kim

---

这个回答是否能解决您的问题？设置Node检索环境变量。 - Mohammad Masoudi

@MohammadMasoudi 感谢您的回复，但这不是我想要的。我知道如何通过 .env 文件设置环境变量。我要找的是，如何使用特定的 .env 文件运行 "npm run build"。这样我就可以使用不同的 .env 文件创建多个构建。 - Seon Woo Kim

@MohammadMasoudi 我使用的是Vue CLI。 - Seon Woo Kim

你看过这个链接吗？https://cli.vuejs.org/guide/mode-and-env.html - Mohammad Masoudi

@MohammadMasoudi 非常感谢！！我终于找到了方法，谢谢。 - Seon Woo Kim

Answer 1

您可以通过运行以下命令来完成：npm run build --mode production --dest ./dist/production

或者

您可以通过编辑 package.json 文件并添加以下运行脚本来实现。

当您在构建命令中添加 -- mode 和 --dest 时，这将传递给构建脚本，并查找所提到的环境。

"build-production": "vue-cli-service build --mode production --dest ./dist/production",

这将从名为.env.production的文件中获取环境变量，如果找不到，则会在名为.env的文件中搜索

并将构建导出到名为dist/production的目录中，您可以通过--dest部分更改此设置

然后您应该运行

npm run build-production

这将在生产环境下运行，您可以创建第二个脚本并切换到开发环境以从.env.development中读取。就像这样

"build-development": "vue-cli-service build --mode development --dest ./dist/development",

- Ahmed Sobeeh