2017-03-14 1 views
2

webpack2.xreact-router-domでコード分割がどのように機能するかを調べようとします。react-router-dom、コード分割のための `getComponent`メソッドがありますか?

"react-router-dom": "^4.0.0"

しかし、私はドキュメントを読み、次のように使用する方法が見つかりませんでした:まだ仕事をしたりしませ

getComponentを?

私はreact-router-domの文書がちょっとした例を挙げているだけで、説明はしていません。

私はreact-routerv4.0.0-beta.8であると見ましたが、後でreact-router-domを使用する必要がありますか?

module.exports = { 
    path: 'home', 
    getComponent(nextState, cb) { 
     import('./main').then(component => { 
      cb(null, component); 
     }).catch(err => { 
      console.log('Failed to load "home" component', err); 
     }); 
    } 
}; 

答えて

2

.getComponent()はもう使用できません。私は、反応ルータが自分の非同期コンポーネントを作成するためにこの責任を開発者に渡すと考えています。そこwebpack2を使用してコード分割の取り扱いについての反応-ルータ-DOMドキュメントに大きなガイドがあると、ローダーをバンドル: https://gist.github.com/acdlite/a68433004f9d6b4cbc83b5cc3990c194

希望:ルータV4を反応させるので https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md

そして、ここでは素晴らしい迅速なコード分割例でありますそれは助ける!

関連する問題