vue 3.0多环境打包

vue 3.0自动化多环境打包

1.在项目根目录创建环境配置

2. .env.dev开发环境内容

NODE_ENV = 'dev'
VUE_APP_CURENV = 'dev'

.env.web1 打包测试环境内容

NODE_ENV = 'test'
VUE_APP_CURENV = 'web1'

.env.web2 打包正式环境内容

NODE_ENV = 'pro'
VUE_APP_CURENV = 'web2'

3.在请求接口判断当前环境

let baseUrls = ''
switch (process.env.VUE_APP_CURENV) {
  case 'dev': //运行npm run dev 或 npm run build:dev 开发环境
    baseUrls = 'http://192.128.11.1:8080'
    break
  case 'web1': //npm run build:web1 打包测试环境
    baseUrls = 'http://192.128.11.1:8080'
    break
  case 'web2': //npm run build:web2 打包线上环境
    baseUrls = 'http://192.128.11.1:8080'
    break
}

4.修改package.json文件修改启动命令

5.运行

npm run dev 运行开发环境
npm run build:dev 开发环境打包
npm run build:web1 测试环境打包
npm run build:web2 生产环境打包