前面的話 　　前面介紹了webpack的基本配置，本文將詳細介紹webpack中關於代碼優化的配置 打包公共代碼 　　CommonsChunkPlugin 插件，是一個可選的用於建立一個獨立文件(又稱作 chunk)的功能，這個文件包括多個入口 chunk 的公共模塊。通過將公共模塊拆出來，最終 ...

前面的話 　　前面介紹了webpack的基本配置，本文將詳細介紹webpack中關於代碼優化的配置 打包公共代碼 　　CommonsChunkPlugin 插件，是一個可選的用於建立一個獨立文件(又稱作 chunk)的功能，這個文件包括多個入口 chunk 的公共模塊。通過將公共模塊 ...

前言 開發多頁應用的時候，如果不對webpack打包進行優化，當某個模塊被多個入口模塊引用時，它就會被打包多次（在最終打包出來的某幾個文件里，它們都會有一份相同的代碼）。當項目業務越來越復雜，打包出來的代碼會非常冗余，文件體積會非常龐大。大體積文件會增加編譯時間，影響開發效率；如果直接上線，還會 ...

前言 開發多頁應用的時候，如果不對webpack打包進行優化，當某個模塊被多個入口模塊引用時，它就會被打包多次（在最終打包出來的某幾個文件里，它們都會有一份相同的代碼）。當項目業務越來越復雜，打包出來的代碼會非常冗余，文件體積會非常龐大。大體積文件會增加編譯時間，影響開發效率；如果直接上線，還會 ...

Webpack的安裝分為全局安裝與本地安裝，上一節我們使用的是本地安裝，我們也推薦使用本地安裝。 那么全局安裝的Webpack與本地安裝的有何不同呢？ 全局安裝的Webpack，在任何目錄執行webpack命令都可以進行打包。而本地安裝的Webpack，必須要找到對應node_modules下 ...

前言：最近重構一個項目（基於umi2腳手架搭建的），打包上線后發現包非常大，決定將項目優化一下，打包后的dist文件 可以看到打包后的dist文件有16M，然后部署上去發現首次打開蝸牛🐌般的速度，原因有一個公共依賴文件有7.6M之大，我giao，這怎么行呢！? 如果瀏覽器 ...

現狀 隨着項目不斷發展壯大，組件數量開始變得越來越多，項目也開始變得龐大，webpack 編譯的時間也會越來越久，我們現在的項目編譯一次在 40s ——70s 之間，這是一個效率非常低下的操作。優化的手段有很多，之前項目原本已經做了很多，本文從緩存的角度進行優化講解 以下僅介紹幾種緩存相關 ...

Webpack性能優化的方式有很多種，本文之所以將 dll 單獨講解，是因為 dll 是一種最簡單粗暴並且極其有效的優化方式。 在通常的打包過程中，你所引用的諸如：jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex ...