使用webpack構建的工程，在開發過程中不同環境的配置不同，在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩，本文簡單介紹如何通過對webpack進行配置，實現不同環境打包分類配置；
1.修改build文件夾下build.js文件
添加聲明變量
修改前
修改后
2.修改config文件夾下prod.env.js文件
添加不同環境的名稱
修改前
修改后
3.修改不同環境下的請求域名地址（我在項目中新建了src/modules/http.js文件夾放置代碼）
修改前
打包的時候需要通過修改變量getApiUrl等的地址配置來區分不同環境的包
如當前運行npm run build產生的包為測試環境的包，適用於測試人員進行測試。待項目需要上線時需要修改http為https並將test去掉再運行npm run build打包的為生產環境的包，用於項目上線使用，來回的修改比較麻煩。
修改后
這樣就可以將不同環境的接口域名地址進行分類管理，打包的時候只需要運行npm run build pro既可以完成生產環境的打包。
原文：https://blog.csdn.net/Joy_qxz/article/details/79498110?utm_source=copy
---------------------
外掛：參考了作者的方法配置成功上線，后來又發現了另一種思路：
可以通過地址欄獲取域名，判斷是測試環境還是生產環境，區分對應環境的地址，然后 main.js 引入 掛載vue，就可以通過統一變量進行地址的訪問 ，上到生產、測試環境 都不需要更改地址了 自動改；
這樣更改省去了每次單獨打包
