VUE 根据不同命令打出不同环境的包

第一步 配置全局变量

在项目根目录创建配置文件：.env.test
在.env文件中定义变量需要以 VUE_APP_ 作为前缀，最好都是大写。
根据不同的需求定义多个变量

NODE_ENV = 'production'
VUE_APP_API =  ""
VUE_APP_TYPE =  ""

第二步配置package.json来启动不同的命令

"scripts": {
    "dev": "vue-cli-service serve",//默认加载
    "test": "vue-cli-service serve --mode test",//加载.env.test
    "build:dev": "vue-cli-service build --mode dev",//默认加载
    "build:test": "vue-cli-service build --mode test",//加载.env.test
},

第三步引用

我是直接在main.js中引用的，也可以在config/index.js中引用，按照你的习惯进行引用

Vue.prototype.$textData= {
 api:process.env.VUE_APP_API,
 type:process.env.VUE_APP_TYPE
};

在main.js引用之后就可以在各个页面中调用了，this.$textData