vue-cli 4.0.5 配置環境變量樣例

在項目根目錄下建 .env 文件，環境變量無論運行何種模式均可獲取其設置值。
vue 中主要有三種模式: development、test、production,在 package.json 中目前三種配置：

"serve": "vue-cli-service serve", //對應 development 模式
"build": "vue-cli-service build", //對應 production 模式
"lint": "vue-cli-service lint"  // 對應 eslint 規范檢測

新建自己的模式注意注意的創建文件以 .env 開頭后面書寫自己想要要的, 如創建 .env.newplayer 文件，內容必須為 VUE_APP_ 開頭

VUE_APP_TEST = TEST
VUE_APP_PLAYER = PLAYER

但是在 package.json 中新配置運行如下:

"serve:newplayer": "vue-cli-service serve --mode newplayer",

在項目中獲取環境配置就可使用:

console.log(process.env.VUE_APP_PLAYER)

在線 DEMO

參考:
0. 主要參考

1. vuec-li3 環境變量配置
2. vue-cli3.0 環境變量與模式
3. vue-cli3 .env.development和.env.production環境變量配置