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

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

vue cli3 区分开发环境,测试环境,正式环境_第1张图片

每个文件中的内容配置:

测试环境:

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",变量进行对应的操作

 

你可能感兴趣的:(veu分环境部署配置)