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