Reactjs 按需响应路由器负载问题_Reactjs_Webpack_React Router_Code Splitting

Reactjs 按需响应路由器负载问题

reactjs webpack

Reactjs 按需响应路由器负载问题,reactjs,webpack,react-router,code-splitting,Reactjs,Webpack,React Router,Code Splitting,我使用动态路由进行代码拆分 const CourseRoute = { path: 'course/:courseId', getComponents(nextState, callback) { require.ensure([], function (require) { callback(null, require('./components/Course')) }) } } 但问题是，当网络速度足够慢时，应用程序似乎会在转换到下一页之前停滞几秒钟

我使用

动态路由

进行代码拆分

const CourseRoute = {
  path: 'course/:courseId',
  getComponents(nextState, callback) {
    require.ensure([], function (require) {
      callback(null, require('./components/Course'))
    })
  }
}

但问题是，当网络速度足够慢时，应用程序似乎会在转换到下一页之前停滞几秒钟。因为它必须等待下一页文件的下载完成

我可以在转换期间添加进度条吗？如果可以，如何实现

是否有Web包API或React路由器API