react路由組件動態加載-優化首屏加載速度

通常情況下,使用create-react-app進行打包後,會生成最終打包文件main.js,且這個文件在項目內容變多,引用第三方插件後,但得很大(>100kb)。 通過Code Spliting進行代碼拆分,並使用動態import使路由對應組件在使用時才被加載,可以優化打包,由原來一個main.js生成爲多個單獨的js文件,並在首次加載時,只加載首屏用到的組件,從而提高首屏加載速度。 官方提供了
相關文章
相關標籤/搜索