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？