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
   複製程式碼