Vuewとwebpackの遅延読み込み。チャンクファイルはどこに定義されていますか？

Question

とvuejs、https://router.vuejs.org/en/advanced/lazy-loading.html。

サンプルコードを実行しました。

遅延読み込みの例では、0.chunk.jsと1.chunk.jsはどこに定義されていますか？

WebPACKの文書は「非エントリのチャンクファイルを」と言うが、どのように我々はこのチャンクファイルを定義します。私はvue-routerのサンプルコードを見ましたが、それを理解することはできませんでした。

Answer 1

あなたができるようgithubでは、/examples/webpack.config.jsでdefnitionを遅延読み込み見つけることができます。

output: { 
    path: path.join(__dirname, '__build__'), 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js', 
    publicPath: '/__build__/' 
    }, 

Answer 2

を次のように出力構成ではそのこれらのチャンクは通常、あなたのjs/manifest.jsファイルで定義されて構成されており、この目的のためのWebPACKによって生成されます。

鉱山では、この（かなり印刷後）

o.src = a.p + "js/" + e + "." + { 
    0: "796f1d0e67b998e17b3f", 
    1: "81d71d5e62996e7658f9", 
    2: "4775738f0618fa75e735", 
    3: "fd3c35ef3f5142e14115", 
    4: "7ad17212637dbc558b8a", 
    ... 
}[e] + ".js"; 

これらのチャンクは、ルータのファイルのオフに基づいて構築されているように見えます。 jsフォルダには、そのリストに対応するe.chunkID.jsがあります。