Vue/Webpack 中的多个 .env.development 配置

Question

我觉得这应该不是一件难事，但我做不到运行。

我想为我的本地 Vue.js 项目（使用 vue-cli 3）设置两个不同的配置。

所以，我想要 .env.development-1 和 .env-development-2 或类似的东西；只是一种在两个其他方面相同的配置文件之间快速切换的方法。

我读过有关构建模式等的内容，但这些文章似乎都针对 "building"。我只想运行具有不同配置的本地开发服务器。

我该如何解决这个问题？

Answer 1

多亏了我原来 post 下的评论，我发现解决方案其实很简单：

我刚刚创建了一个 .env.staging，VUE_APP_API_URL 指向暂存服务器，其他一切都一样

然后

"scripts": {
    "serve:local": "vue-cli-service serve",
    "serve:staging": "vue-cli-service serve --mode staging",
}

而且有效。

首先我必须思考这个概念。谢谢！

Multiple .env.development configs in Vue/Webpack