vue-cli2分环境打包

1. 借助cross-env配置环境变量，安装cross-env

 npm install cross-env –save-dev 

2. 在config文件下新建testProd.env.js文件，内容如下

'use strict'
module.exports = {
  NODE_ENV: '"testProd"',
  ENV_CONFIG: '"testProd"'
}

3. 在config文件下新建prod.env.js文件，内容如下

 'use strict'
 module.exports = {
  NODE_ENV: '"production"',
  ENV_CONFIG: '"prod"'
}

4. 修改config/index.js文件

添加如下代码：

prodEnv: require('./prod.env'),
testProdEnv: require('./testProd.env')

5. 修改bulid/webpack.prod.conf.js文件

//const env = require('../config/prod.env'); //注释这一行
const env = config.build[process.env.env_config + 'Env'] //改为这个

6. 修改build/build.js文件

//process.env.NODE_ENV = "production";  //注释这一行
//const spinner = ora('building for production...')  //注释这一行，改为如下代码
var spinner = ora(
  'building for ' +
    process.env.NODE_ENV +
    ' of ' +
    process.env.env_config +
    ' mode...'
)  

7. 修改package.json及打包命令

 "build": "cross-env NODE_ENV=prod env_config=prod node build/build.js",
 "build:testProd": "cross-env NODE_ENV=testProd env_config=testProd node build/build.js"