在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ React webpack 代碼分隔和懶加載

React webpack 代碼分隔和懶加載

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

a. react-router官網(wǎng)提供了react-loadable

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

b. 另一種提供了bundle-loader的方案，通過(guò)Bundle組件傳遞一個(gè)bundle-loader?lazy&name=xxx!./page/Home.bundle

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

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

回答
編輯回答
敢試

第一種方案是你機(jī)子上的node不支持import()語(yǔ)法 你要裝相關(guān)的babel插件
我寫(xiě)過(guò)一個(gè)react-loadable，webpack相關(guān)的一個(gè)demo 有點(diǎn)久了我忘了是什么插件了 你可以看一下

2017年12月27日 23:24