React webpack 代碼分隔和懶加載

關(guān)于webpack的異步加載的問題，react有兩種方案，

a. react-router官網(wǎng)提供了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>

現(xiàn)在，這兩種方案，第一種在服務(wù)端渲染模式，node環(huán)境遇到import() 即解析報錯，無法運(yùn)行，第二種Bundle中用到了componentWillReceiveProps，在react官方文檔中已經(jīng)明確要廢棄的一個周期函數(shù)UNSAFE_componentWillReceiveProps，請問還有什么好的解決辦法