Quasar -支持多种环境

Question

我正在尝试创建具有多个环境的项目:阶段，生产，测试+开发。对于Vuejs，这是非常简单的

vue-cli-service build --mode staging

并创建.env.staging文件。

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

我如何在Quasar中实现这一行为？

谢谢

Answer 1

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

另一种方法，因为我正在使用Firebase主机和临时主机和生产主机是在同一个项目中…我的想法是使用quasar build -d (调试模式)作为临时环境，使用quasar build作为生产环境，每个都有自己的dist文件夹，并且我相应地在quasar.conf.js中设置了一个DEPLOY_MODE环境变量：

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更优雅，但这对于我的简单项目来说已经足够了。