複習webpack4之Lazy Loading懶加載與Chunk

以前學習過webpack3的知識，可是webpack4升級後仍是有不少變更的，因此此次從新整理一下webpack4的知識點，方便之後複習。

此次學習webpack4不單單要會配置，記住核心API，最好還要理解一下webpack更深層次的知識，好比打包原理等等，因此可能會省略一些比較基礎的內容，可是但願我能夠經過這次學習掌握webpack，更好地應對之後的工做。

1.Lazy Loading

在以前的筆記中提到了有同步和異步引入庫的方式，那麼他們有什麼不一樣呢？

舉個例子，用vue開發單頁面應用的時候，打開首頁時，若是不進行懶加載，就會把其餘頁面的JS一塊兒加載，會形成頁面打開速度變慢，若是進行懶加載，在打開頁面的時候再去進行相應的JS加載，會讓加載速度變得快一些。

用戶當前須要用什麼功能就只加載這個功能對應的代碼，也就是所謂的按需加載

在給單頁應用作按需加載優化時，通常採用如下原則：

1.對網站功能進行劃分，每一類一個chunk

2.對於首次打開頁面須要的功能直接加載，儘快展現給用戶

3.某些依賴大量代碼的功能點能夠按需加載

4.被分割出去的代碼須要一個按需加載的時機

2. Chunk

打包生成的每個js文件，就是一個chunk。在前面的筆記中，minChunk: 1的意思能夠這樣解釋：

好比咱們引入了lodash庫，打包生成的chunk（js文件）中，至少有一個chunk（js文件）引入了lodash，就對lodash作代碼分割。

這一節筆記比較簡單，主要是對前兩節的筆記作一個總結。