React webpack 代码分隔和懒加载

Question

关于webpack的异步加载的问题，react有两种方案，

a. react-router官网提供了react-loadable

const LoadableComponent = Loadable({
  loader: () => import('./Dashboard'),
  loading: Loading,
})

b. 另一种提供了bundle-loader的方案，通过Bundle组件传递一个bundle-loader?lazy&name=xxx!./page/Home.bundle

<Bundle load={loadComponent}>
   ...
</Bundle>

现在，这两种方案，第一种在服务端渲染模式，node环境遇到import() 即解析报错，无法运行，第二种Bundle中用到了componentWillReceiveProps，在react官方文档中已经明确要废弃的一个周期函数UNSAFE_componentWillReceiveProps，请问还有什么好的解决办法

Answer 1

第一种方案是你机子上的node不支持import()语法 你要装相关的babel插件
我写过一个react-loadable，webpack相关的一个demo 有点久了我忘了是什么插件了 你可以看一下