Vue 分环境打包

我们开发项目的时候，用vue-cli 2.x版本新建的项目，只有dev, pro两种开发环境, 有时需要个test环境来给测试使用，所以找了很多方法，总结了个最简单的方法来给大家使用

1. package.json

   在build下面添加一个test运行命令

    "test": "node build/build.js"
   复制代码

2. prod.env.js

   在config -> prod.env.js 中修改代码

   'use strict'
   // 读取系统运行时候的变量
   const target = process.env.npm_lifecycle_event;
   // 控制台日志输出
   console.log('env is deploying, current env is', target)
   // 判断环境变量，是test，还是build
   if (target == 'test') {
   var obj = {
     NODE_ENV: '"production"',
     API_ROOT: '"此处替换为测试环境地址"',
   }
   } else {
   var obj = {
     NODE_ENV: '"production"',
     API_ROOT: '"此处替换为测试环境地址"',
   }
   }
   
   module.exports = obj;
    ```
   
   复制代码

3. OK。现在去部署试试吧

   测试环境：

   $ npm run test
   复制代码

   正式环境:

   $ npm run build
   复制代码

转载于:https://juejin.im/post/5b627a6df265da0f521e0b32