[JavaScript知识库]vue的测试和生产环境打包

首先在在项目中找到这个文件

? ??

然后在这个文件中的

中分别设置测试和生产的打包命令

"build": "vue-cli-service build --mode production",
"test": "vue-cli-service build --mode testing"

--mode production和-mode testing是我们在项目中配置的文件

内容分别是

.env.production
NODE_ENV = 'production'
VUE_APP_FLAG = 'production'
outputDir = 'dist'


.env.testing
NODE_ENV = 'production'
VUE_APP_FLAG = 'test'
outputDir = 'testDist'

然后在项目目录api文件中创建js文件

const dev = {
  baseUrl: "http://www.xxx.com:11531/api",
  // cdnUrl:"开发环境的cdn地址",
};

const uat = {
  baseUrl: "http://www.xxx.com:11531/api",
  // cdnUrl:"测试环境cdn地址"
};

const prod = {
  baseUrl: "http://www.xxx.com:11530",
  // cdnUrl:"生产环境cdn地址"
};

let type = {}
if(process.env.VUE_APP_FLAG === "development"){ // 必须与创建的配置文件第二行的名字相对应
  type =  dev
}else if(process.env.VUE_APP_FLAG === "test"){ // 必须与创建的配置文件第二行的名字相对应
  type =  uat
}else if(process.env.VUE_APP_FLAG === "production"){ // 必须与创建的配置文件第二行的名字相对应
  type =  prod
}
export default type

最后我们就可以执行

npm run test和npm run build 来分别打包测试和生产环境。