前端区分打包环境

一、安装cross-env

cnpm install --save-dev cross-env

通过cross-env这个插件我们能够跨平台设置环境变量.那么我们怎么来区分到底是生产环境、预生产环境还是测试环境

二、配置各个环境的参数

这里我们vue项目脚手脚版本是2.0 在config/文件夹，我们逐一添加pre.env.js\prod.env.js\test.env.js三个js文件，作为区分环境的依据

//config/pre.env.js
 'use strict'
module.exports = {
  NODE_ENV: '"prepare"',
  ENV_CONFIG:'"pre"',
  //接口地址
  API:'"//pre/api"'
}

//config/prod.env.js
'use strict'
module.exports = {
  NODE_ENV: '"production"',
  ENV_CONFIG:'"prod"',
  API:'"//prod/api"'
}
 

'use strict'
//config/test.env.js
module.exports = {
  NODE_ENV: '"test"',
  ENV_CONFIG:'"test"',
  API:'"//test/api"'
}

这里可以修改config/dev.env.js来区分