>[danger]如何優化webpack？ [更多參考：Webpack中的優化](http://www.hmoore.net/hanxuming/interview/3148780) 1. 升級 webpack 版本，3升4，實測是提升了幾十秒的打包速度 1. 使用**Tree Shaking和Scope Hoisting**來減少代碼體積和模塊構建時間，其中Tree Shaking可以去除未使用的代碼，而Scope Hoisting可以將模塊內的代碼盡量合并到一個函數（單一作用域）中，以減少函數聲明和閉包的數量。 2. 使用**splitChunksPlugin插件**來將公共代碼抽離成單獨的chunk，以減少代碼重復和提高緩存命中率。 3. 合理配置**resolve.alias和resolve.extensions**選項來減少Webpack查找文件的時間。 4. 針對**生產環境，可以開啟代碼壓縮以及多進程并行處理**等優化方式，以減少構建時間和服務器負載。 5. 使用**DLLPlugin和DllReferencePlugin**來預先編譯一些穩定不變的代碼，以減少每次構建的時間。 6. 使用**HappyPack**來啟用多線程并發處理，以加速代碼構建和增強開發體驗。 7. 對于圖片、字體等資源文件，可以通過**url-loader和file-loader**等loader設置較小的limit值，將文件轉換成base64編碼的字符串內嵌在js文件中，以減少http請求次數。