如題。關(guān)于實(shí)現(xiàn)React按需加載的疑問(wèn)。

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

有26個(gè)組件分別為1,2,3....26

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

1.不能將所有組件打包成一個(gè)文件，因?yàn)檫@個(gè)文件太大
2.不能將所有組件分開(kāi)打包，因?yàn)檎?qǐng)求太多
3.不能將每個(gè)路由的組件多帶帶打包一次，因?yàn)椴糠执a會(huì)重復(fù)打包

<愛(ài)尬聊_尬聊生活>

這種情況下，怎么實(shí)現(xiàn)按需打包和按需加載，并且能復(fù)用前面加載過(guò)的組件代碼。

感覺(jué)有點(diǎn)不合常理

---

美夢(mèng)被夢(mèng)驚醒#p#我與孤獨(dú)相愛(ài) 2022-07-08 22:06

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

---

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

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

---