Vue.js 延迟加载两次加载块文件
Vue.js lazy loading loads chunk files two times
我有一个 vue.js 路由器实现，如果我 运行 npm 运行 build 它正确地为每个组件创建单独的文件。但是如果我 运行 npm 运行 serve 然后打开页面所有组件文件都会立即加载而不是懒惰。如果我点击 link 组件，它会再次加载组件文件。我不明白为什么它不懒惰。看截图。有contact.js（应该是chunk）加载了两次。首先是刷新，然后是 link 单击。
这叫做预取。 vue-cli 3 默认为 explained here。
关于被加载两次的块，我建议你在生产模式下构建，然后检查两次重复请求的实际响应。我认为第二次，该块仅从浏览器缓存中加载并且不发出网络请求
我有一个 vue.js 路由器实现，如果我 运行 npm 运行 build 它正确地为每个组件创建单独的文件。但是如果我 运行 npm 运行 serve 然后打开页面所有组件文件都会立即加载而不是懒惰。如果我点击 link 组件，它会再次加载组件文件。我不明白为什么它不懒惰。看截图。有contact.js（应该是chunk）加载了两次。首先是刷新，然后是 link 单击。
这叫做预取。 vue-cli 3 默认为 explained here。
关于被加载两次的块，我建议你在生产模式下构建，然后检查两次重复请求的实际响应。我认为第二次，该块仅从浏览器缓存中加载并且不发出网络请求