Vue.js 延迟加载两次加载块文件答案

【问题标题】：Vue.js lazy loading loads chunk files two timesVue.js 延迟加载两次加载块文件
【发布时间】：2020-08-27 07:33:42
【问题描述】：

我实现了一个 vue.js 路由器，如果我运行 npm run build 它会正确地为每个组件创建单独的文件。但是，如果我运行 npm run serve 然后打开页面，所有组件文件都会立即加载，而不是懒惰。如果我单击指向组件的链接，它会再次加载组件文件。我不明白为什么它不懒惰。看截图。有两次加载了contact.js（应该是块）。第一次刷新，第二次点击链接。

【问题讨论】：

这叫做预取。 vue-cli 3 默认这样做：cli.vuejs.org/guide/html-and-static-assets.html#prefetch 关于块被加载两次，我建议你在生产模式下构建，然后检查两个重复请求的实际响应。我认为第二次，该块仅从浏览器缓存中加载并且不发出网络请求
是的，这似乎是一个预取。在哪里可以找到有关 vue.config.js 的信息？
这里：cli.vuejs.org/guide/webpack.html#working-with-webpack
做出可接受的答案。它适用于 vue.config.js。一切都好。非常感谢。

标签： vue.js components lazy-loading

【解决方案1】：

这称为预取。 vue-cli 3 默认使用 explained here。
关于两次加载的块，我建议您在生产模式下构建，然后检查两个重复请求的实际响应。我认为第二次，该块仅从浏览器缓存中加载并且不发出网络请求

【讨论】：