Vuew和webpack延迟加载。块文件在哪里定义？

Question

With vuejs，https://router.vuejs.org/en/advanced/lazy-loading.html。

我运行了示例代码。

在延迟加载的例子中，这个0.chunk.js和1.chunk.js是在哪里定义的？

中的WebPack文件说“不进入块文件”，但是我们如何定义这个块文件。我查看了vue-router示例代码，但无法弄清楚。

Answer 1

您可以找到能在/examples/webpack.config.js惰性加载defnition，在github。在输出配置其配置如下

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"; 

这些块都基于你的路由器文件的建立。你还应该注意在它的文件夹中有e.chunkID.js，它对应于那个列表。