首先写一个过度组件（可以写在utils下，作用一个是避免加载的空白期，二就是方便代码管理）：
import React from 'react'
import LoadAble from 'react-loadable'
// 过度组件
function LogingComponent (){
return(
<div>这里是过度组件</div>
)
}
export default (LoadComponent)=>{
return LoadAble({
loader:LoadComponent,
loading:LogingComponent
})
}
在入口页面中引入使用：
import loadable from ‘./utils/loadable’
const Login ＝ loadalble（（）＝>import（‘./pages/Login’））
___________________________________________
路由懒加载使用起来非常的方便，优化效果也是很明显
