使用帶反應的Webpack

Question

我想這個問題是關於JS捆綁在一起，以及它們如何與React進行交互。

當我運行Webpack時，它抓取所有庫，所有組件並將它們合併成一個JavaScript文件（bundle.js）。

我的問題是這樣的。這不是一件壞事嗎？即使我不會爲每個頁面使用大量組件，但所有組件都正在加載。我想我有Register.js包含註冊表單組件。這種將所有這些代碼捆綁在一起的方法不會使這個組件加載到每一個頁面上嗎？

這是如何工作的？如果是這樣，我可以使用Webpack重構這個系統來不加載每個視圖上的所有組件嗎？

Answer 1

Webpack爲模塊的頁面特定加載提供code splitting和multiple entry points。

有大量的文檔資料進行篩選，但關鍵是外賣：

較爲顯着的特點是，代碼分裂可用於按需加載大塊代碼分成一個。這可以使初始下載保持較小，並在應用程序請求時按需下載代碼。