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#模式