react如何實現代碼分割,路由動態加載

衆所周知,在使用webpack打包react應用時,webpack將整個應用打包成一個js文件,當用戶訪問首屏時,會一次性加載整個js文件,當應用的規模變得越來越龐大的時候,首屏渲染速度變慢,影響用戶體驗。 於是,webpack開發了代碼分割的特性, 此特性能夠把代碼分割爲不同的bundle文件,然後可以通過路由按需加載或並行加載這些文件。 代碼分割可以用於獲取更小的bundle,以及控制資源加載
相關文章
相關標籤/搜索