reactjs - react-router 按需加载问题

Question

我Dynamic Routing用来做代码拆分

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

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

可以在过渡的过程中添加进度条吗，如果可以，如何实现？

是否有 webpack API 或 React-Router API？