如題。關于實現React按需加載的疑問。

有三個路由A:/route/home/, B:/route/about, C:/route/contact。

有26個組件分別為1,2,3....26

路由A 用到了1-10組件。
路由B 用到了5-20組件。
路由C 用到了15-26組件。

1.不能將所有組件打包成一個文件，因為這個文件太大
2.不能將所有組件分開打包，因為請求太多
3.不能將每個路由的組件多帶帶打包一次，因為部分代碼會重復打包

<愛尬聊_尬聊生活>

這種情況下，怎么實現按需打包和按需加載，并且能復用前面加載過的組件代碼。

感覺有點不合常理

---

美夢被夢驚醒#p#我與孤獨相愛 2022-07-08 22:06

通常webpack不會這樣分割模塊的，如果確實這么分割了，你可能需要在配置文件里的plugins中添加兩個插件

---

某種生活 2022-07-08 22:27

再次打包之后如果還是覺得不滿意，就去https://github.com/webpack/do...查看更多optimize這一節的更多內容

---