Quasar:用开发模式构建

Cup*_*p5y 4 environment-variables vue.js quasar quasar-framework

我在 quasar.conf.js 环境设置中有这样的内容:

env: {
  API_URL: ctx.dev
    ? 'https://dev.apis.test.io/v2/'
    : 'https://apis.test.io/v2/'
}
Run Code Online (Sandbox Code Playgroud)

当我在本地主机上运行应用程序时,使用开发 API,当我运行quasar build生产 API 时,使用它。所以这是有效的。如何使用开发环境设置进行构建?

例如,在普通的 Vue 上yarn build --mode development就可以正常工作。我怎样才能对类星体做同样的事情?

我试过:

quasar build --mode development

quasar build --mode dev

quasar build --development

quasar build --dev

quasar build --debug

我总是在 dist 文件夹文件中获得生产链接

sai*_*ike 8

上面的答案其实并没有错。你可以这样做:

  1. 创建多个 .env 文件,对我来说最好的选择是:

    .env.local
    .env.development
    .env.production
    
    Run Code Online (Sandbox Code Playgroud)
  2. 内部quasar.conf.js使用dotenv库:

  const env = require('dotenv').config({ path: `.env.${process.env.ENV_FILE.toLowerCase()}` }).parsed
Run Code Online (Sandbox Code Playgroud)
  1. 然后将变量放入 quasar env:
    build: {
      vueRouterMode: 'history', // available values: 'hash', 'history'
      env: {
        ...env
      },
Run Code Online (Sandbox Code Playgroud)
  1. 然后运行生产或阶段构建或使用命令运行开发服务器:
ENV_FILE=development quasar build
Run Code Online (Sandbox Code Playgroud)

对我来说它就像一个魅力,因为我有两个以上的环境