prefetch 与 preload

[jyzwf]

为啥会有这个话题呢？还是前面在做路由按需加载的时候遇到的，前面说到过实现路由懒加载的是依赖 webpack 的 magic comments。但我并没有设置其 webpackPrefetch/webpackPreload。可它页面中却出现了这些代码。

同时可以在请求里面可以看到一个之前没见过的字段：Purpose

这就很好奇了，我代码中并没有配啊，然后去找了一下，发现实这段代码的问题，导致了出现了prefetch，这里的 PreloadPlugin 为 @vue/preload-webpack-plugin

然后就去找了 prefetch/preload 的周边。关于 prefetch 在mdn 上的介绍，详见：Link prefetching ，以及 通过rel="preload"进行内容预加载。
后面又去网上搜了搜，发现一篇比较好的文章，在webpack中使用prefetch/preload，这是一篇翻译文 ，英文原文为 <link rel=”prefetch/preload”> in webpack(注：自备梯子)，由webpack 核心开发者所写，可以拜读一番，以及 前端性能优化 - 资源预加载。完~~