在 React:Router-1.BrowserRouter组件式 和 React:Router-2. createBrowserRouter函数式 两篇文章中我们已经完成了路由的创建。但是这种方式,会全量加载路由资源,如果项目较复杂,会产生性能问题。
为了优化项目性能,引出了今天的话题:路由懒加载:
顾名思义:只有打开某个路由,才会加载对应资源
。
一、懒加载改造
我们在 React:Router-2. createBrowserRouter函数式 项目基础上进行改造:
1. lazy
方法 声明懒加载的组件
// router.js
impo