quasar环境变量配置

一、为什么需要环境变量（我遇到的场景）

        在实际开发中，通常会存在测试环境和正式环境，而两个环境的api是不一样的。我们可以自己手动修改api然后打包发布。

二、quasar dev和quasar build

        1.quasar dev 默认是在测试环境（development环境）

        2.quasar build 默认是在正式环境（production环境）

三、实现方法

        1.安装dot-env，可以取出.env.development和.env.production的值

npm install — save-dev dotenv

        2.新建文件EnvParse.js（可以放在src/config），将.env.development和.env.production的环境参数转换为JSON格式

const DotEnv = require('dotenv')
const parsedEnv = DotEnv.config({ path: `.env.${process.env.NODE_ENV}` }).parsed

module.exports = function () {
  return parsedEnv
}

        3.在quasar.conf.js的build{}中，配置env，可以获取到JSON格式的环境参数

build: {
    ...
    env: require('./src/config/EnvParse.js')(),
}

        4.在文件根目录下新增.env.development