Reduxに反応すると、このスニペットはどういう意味ですか？

Question

は新しいチームに入社し、スニペットの下が見つかりました：

const bookListContainer = (location, cb) => { 
    require.ensure([], require => { 
     cb(null, require('somepath').default) 
    }, 'bookList') 
} 

<Route path="/" component={App}> 
    <Route path="home" component={HomeComponent} /> 
    <Route path="bookList/:bookId" getComponent={bookListContainer} /> 
</Route> 

componentとgetComponentの違いは何ですか？ bookListContainerについては、それは正確に何ですか？ require.ensure()

おかげ

Answer 1

を理解することはできません私は、コード分割を読んですることをお勧めいたします：https://webpack.github.io/docs/code-splitting.html

あなたはこのコードを理解するためにそこにいくつかの重要な概念を学びます。

よろしくお願いいたします。

Answer 2

これは、別々のバンドルに分割して非同期にルートをロードする方法です。

getComponentはルートが一致したときに起動し、その結果これは、アプリケーションの初期ロード時間を短縮することを支援するための方法であるバンドルbookList

ために必要なものを必要とします。