webpack性能優化- lzy loading(懶加載和預加載)

1. 正常加載可以認為是並行加載，在同一時間加載多個文件, index.js 中 引入 test.js , 點擊按鈕之前已經加載了 test.js
   
   
   
   
2. 懶加載：當文件需要使用時才加載
   
   
   構建后:
   
   
   
   頁面一加載,只有index.js 執行了
   
   

點擊按鈕后才會加載 test.js





3. 預加載  prefetch：會在使用之前，提前加載 js 文件，等其他資源加載完畢，瀏覽器空閑了，偷偷加載資源
   
   
   
   構建后
   
   
   
   
   點擊按鈕之前就已經全部加載了，重復點擊按鈕后，不會再加載 test.js