vue-cli 启动不同的环境，正式、测试

根据不同的命令 启动不同的环境 vue

 

CLI服务 ： https://cli.vuejs.org/zh/guide/cli-service.html

 

// 修改 package.json 文件 根据不同的参数启动  
"scripts": {
    "serve-dev": "vue-cli-service serve --open --mode dev",
    "build-test": "vue-cli-service build --modern --mode test",
    "build-prod": "vue-cli-service build --modern --mode prod",
    "lint": "vue-cli-service lint",
    "inspect": "vue-cli-service inspect"
  },

在根目录下新建 上个文件 分别是 ： .env.dev\ .env.proc\ .env.test

三个文件内容分别位：

// dev
NODE_ENV = 'development'
VUE_APP_TITLE = 'development'
// prod
NODE_ENV = 'production'
VUE_APP_TITLE = 'production'
//test
NODE_ENV = 'production'
VUE_APP_TITLE = 'test'

//本地调试      cnpm run serve-dev   // 测试环境
//编译测试环境  cnpm run build-test   // 测试环境
//编译正式环境  cnpm run build-prod   // 正式环境

目录格式