vuecli3---配置不同环境全局变量和添加脚本

一、在package.json文件中添加

"test":"vue-cli-service build --mode test"

二、在项目的根目录下创建三个文件

1、.env

NODE_ENV = 'production'
VUE_APP_FLAG = 'pro'

2、.env.test

NODE_ENV = 'production'
VUE_APP_FLAG = 'test'
outputDir = test

3、vue.config.js

outputDir: process.env.outputDir

三、设置全局baseUrl（在项目任何一个地方都可以使用process.en.xxx获取全局变量）

let env = process.en.NODE_ENV
let flag = process.en.VUE_APP_FLAG
if(env == 'production'){
    if(flag  == 'test'){//测试环境
        baseUrl = 'xxx'
    }else{//生产环境
        baseUrl = 'xxx'
    }
}else{//开发环境
    baseUrl = ''
}

四、如果打包后，<div id="APP">--</div>,中间为空白，有如下解决措施

1、publicPath：'./'

2、注释router中 mode: 'history'