vue build 指定环境

前言

其实很简单的东西，搜索时很是费劲，特此记录下来。网上有很多资料，但都是五花八门，特此记录

使用

项目根目录中创建环境变量使用文件
.env #所有环境都会加载
.env.development #开发环境会加载，会覆盖默认的环境变量(*特别注意：以devor developmentbuild后会使用ProxyTable代理)
.env.staging #集成环境会加载，会覆盖默认的环境变量
.env.production #生产环境会加载，会覆盖默认的环境变量
默认：只有当变量 以 VUE_APP_开头的才能被 vue cli 加载进来 使用时 process.env.VUE_APP_XXXX
比如 package.json 如下

 "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

使用 yarn

 > yarn serve [--mode development]
 > yarn build --mode development

使用 npm

将 mode参数传给 vue-cli-service

 > npm run build --mode staging  [x] #错误用法,这种用法是将mode 传递给了npm，不会被vue-cli-service接收 ，如果使用 yarn 则没有问题
 > npm run build -- --mode staging [√] #

资料

https://cli.vuejs.org/zh/guide/mode-and-env.html#模式