使用webpack構建的工程，在開發過程中不同環境的配置不同，在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩，本文簡單介紹如何通過對webpack進行配置，實現不同環境打包分類配置；
1.修改build文件夾下build.js文件
添加聲明變量
修改前
修改后
2.修改config文件夾下prod.env.js文件
添加不同環境的名稱
修改前
修改后
3.修改不同環境下的請求域名地址
修改前
打包的時候需要通過修改變量getApiUrl等的地址配置來區分不同環境的包
如當前運行npm run build產生的包為測試環境的包，適用於測試人員進行測試。待項目需要上線時需要修改http為https並將test去掉再運行npm run build打包的為生產環境的包，用於項目上線使用，來回的修改比較麻煩。
修改后
這樣就可以將不同環境的接口域名地址進行分類管理，打包的時候只需要運行npm run build pro既可以完成生產環境的打包。