重組和代碼拆分

Question

剛開始將recompose集成到大型web應用程序中，並且想知道是否存在使用recompose（后台webpack）優化包大小（IE實現代碼拆分）的方法？

我當前的重組用例很簡單-'isAuthorised？' 確保用戶已登錄的HOC。我的大部分路線都通過該單個HOC。

我希望能夠對基於路由的拆分進行編碼，但是不確定如何通過isAuthorised HOC增強每個路由。

使用react，redux，react-router，recompose，webpack 2

Answer 1

路由組件最終會引用其他模塊，這些模塊會創建不同的塊。 重要的是要動態導入這些內容，以便路由器可以加載和推遲對這些內容的需求，直到用戶需要/點擊它們為止。

在聲明路由時是使用HOC裝飾路由，還是在實際模塊中將其導入並在導出之前裝飾路由組件並不重要。