動的私が使用していたHTMLのWebPACK-プラグイン

Question

でルートを反応は動的ルートを反応：

<Route 
     path="/" 
     getComponent={(location, cb) => { 
     System.import('./App') 
       .then(loadRoute(cb)) 
       .catch(errorLoading); 
     }} 
/> 

私はWebPACKの1つのエントリポイントた：

context: path.resolve(__dirname), 
    entry: { 
    app: './assets/js/components/index', 
    }, 

とWebPACKの各app.jsを生成しています各ルートごとに1つのファイルがあります。

しかし、私の生成されたHTMLファイルには、これらのjsファイルのインポートを持っていません。

これにはいくつかの設定がありますか？

Answer 1

このようにコードを分割するポイントは、必要なコードをすべて最初から読み込まないようにすることです。つまり、HTMLファイルでこれらのスクリプトが読み込まれないようにすることがポイントです。 :)

ブラウザでネットワークインスペクタを開くと、すべてが正常に動作すれば、アプリをナビゲートするときにルートバンドルを取得する非同期要求が表示されます。