vue cli3 区分开发环境，测试环境，正式环境

在src同级新建三个文件，表示开发，测试和正式环境，如下：

每个文件中的内容配置：

测试环境：

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

开发环境：

NODE_ENV = 'development'
VUE_APP_FLAG = 'development'

正式环境：

NODE_ENV = 'production'
VUE_APP_FLAG = 'production'
outputDir = 'dist'

配置打包命令

module.exports = {
  // 输出文件目录
  outputDir: process.env.outputDir,
};

package.json 打包配置

"scripts": {
publish：vue-cli-service build --mode test && vue-cli-service build
}

代码里面要区分环境，就可以通过 process.env.VUE_APP_FLAG == "test"，变量进行对应的操作