lazyLoad(路由组件的懒加载)

102 阅读1分钟

通过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>