vue-cli3：區分開發、測試、生產環境

vue-cli3相比於2取消了build和config文件夾，需要自己創建.env文件區分不同的環境

官方文檔地址：https://cli.vuejs.org/zh/guide/mode-and-env.html

1、在根目錄下創建一個.env.development 是開發環境

VUE_APP_URL = 'https://www.easy-mock.com/mock/5d6cbe39fb84500aa8f810fe/vuetest'
VUE_APP_xxx = '可以自己定義你需要的變量，但是要以VUE_APP_開頭'

可以在main.js中打印，看一下是否添加成功，打印之前要重新 npm run serve

console.log(process.env)

打印結果：

2、創建.env.test 爲測試環境

代碼同上，更改 VUE_APP_URL 爲你的測試環境api域名

3、創建.env.production 爲生產環境，同上

4、最後，要在package.json中添加一個test打包命令，

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test"
  },

啓動/打包命令，可以在本地或者Jenkins配置中修改

開發：npm run serve

測試：npm run test

生產：npm run build