路由組件的lazyLoad

//1.通過React的lazy函數配合import()函數動態加載路由組件 ===> 路由組件代碼會被分開打包const Login = lazy(()=>import('@/pages/Login'))//2.通過<Suspense>指定在加載得到路由打包文件前顯示一個自定義loading界面<Suspense fallback={<h1>loading.....</h1>}><Switch><Route path="/xxx" component={Xxxx}/><Redirect to="/login"/></Switch></Suspense>

---

總結

以上是生活随笔為你收集整理的reactjs通过lazy函数配合import函数动态加载路由组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。