类星体-支持多种环境

问题描述

我正在尝试创建具有多种环境的项目：分期，生产，测试和开发。 使用Vuejs，这非常简单

vue-cli-service build --mode staging

并创建.env.staging文件。

重要说明，应从quasar.conf文件访问process.env，以便为每个环境设置不同的publicPath。

如何在Quasar上实现这种行为？

谢谢

解决方法

查看@quasar/qenv扩展名，它似乎支持多种环境。 https://github.com/quasarframework/app-extension-qenv

另一种方法，因为我使用的是Firebase托管，而暂存和生产托管都在同一个项目中……我想到了将quasar build -d（调试模式）用作暂存，将quasar build用作生产，每个都有自己的dist文件夹，然后我在quasar.conf.js中设置DEPLOY_MODE env变量：

build: {
      distDir: ctx.debug ? `dist/${ctx.modeName}-dev` : `dist/${ctx.modeName}`,env: {
        DEPLOY_MODE: ctx.prod && !ctx.debug ? 'PRODUCTION' : (ctx.prod && ctx.debug ? 'STAGING' : 'DEV')
      },...

我使用了dotenv扩展名，并且具有.env.prod和.env.dev文件。在.env.prod中，我定义了生产和暂存特定的密钥，例如API_KEY = blah，API_STAGING_KEY = blah，然后在我的启动文件中，使用process.env.DEPLOY_MODE确定要在我的密钥中使用的密钥 生产环境文件。

if(process.env.DEPLOY_MODE === 'staging') {
   const API_KEY = process.env.API_STAGING_KEY
} else {
   const API_KEY = process.env.API_KEY
}

我怀疑@qenv更优雅，但这足以满足我的简单项目需求。