使用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既可以完成生產環境的打包。
webpack實現開發 測試 生產等環境的打包切換
使用webpack構建的工程，在開發過程中不同環境的配置不同，在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩，本文簡單介紹如何通過對webpack進行配置，實現不同環境打包分類配置 1.修改build資料夾下build.js檔案 新增宣告變數 修改前 修改後...
Vue配置開發，測試，生產環境api
實現通過不同的命令，打包呼叫不同環境的api，實現實現前端自動化部署。前端自動化部署工程比較複雜，這裡只介紹通過不同的命令，打包的時候呼叫不同環境的api，例如 npm run build呼叫開發環境介面，打包開發環境 npm run build test呼叫測試環境介面，打包測試環境 npm ru...
專案開發 測試 生產環境的區別
一般可分為三種 生產環境，測試環境，開發環境 上述環境也可以說是系統開發的三個階段 開發 測試 上線，其中生產環境也就是通產說的真實的環境，最後交給使用者的環境。開發環境時程式猿們專門用於開發的伺服器，配置可以比較隨意，為了開發除錯方便，一般開啟全部錯誤報告和測試工具，是最基礎的環境。開發環境的分支...