通过React的lazy函数配合import()函数动态加载路由组件===>路由代码会被分开打包
const XXX = lazy(()=>import ('@/pages/XXX'))
通过指定在加载得到路由打包文件前显示一个自动以loading界面
<Suspense fallback={<h1>loading......</h1>}>
<Switch>
<Route path='/XXX' component={XXXXX}/>
<Redirect to='/login'/>
</Switch>
</Suspense>