react懒加载

路由懒加载

【只需要修改路由表即可】

方法1：使用react-loadable进行路由懒加载

（1）下载：npm i react-loadable

（2）路由表：

 //引入这个loadable，使用这个来加载路由
import loadable from 'react-loadable'
const LoadingTip = () => <div>懒加载路由ing...</div>
const routes = [
    {
        path: '/home',
        component: loadable({
            loader: () => import('../page/home/home'), // 需要异步加载的路由
            loading: LoadingTip // 这是一个的提示
        })
    },
    {
        path: '/address',
        component: loadable({
            loader: () => import('../page/address/address'),
            loading: LoadingTip
        })
    }
]

export default routes

方法2：使用Suspense, lazy进行路由懒加载

【路由表和渲染页面都需要修改】

<