1 . Why？
我们前面已经做了代码分割，同时也使用了 import 动态导入，按需加载（也叫做懒加载）。但是加载速度还不够好，比如：如果是用户点击后再加载，但刚好资源体积有很大，用户就会感到明显的卡顿效果。
2 . 是什么？
Preload:告诉浏览器立即加载资源Prefetch:告诉浏览器在空闲时才开始加载资源。
共同点：
- 都只会加载资源，并不执行
- 都有缓存
- 兼容性都比较差
区别：
-
Preload加载优先级更高，Prefetch加载优先级低 -
Preload只能加载当前页面需要使用的资源，Prefetch可以加载当前页面资源，也可以加载下一个页面需要使用的资源。
All in all：
- 当前页面优先级高的资源使用
Preload加载 - 下一个页面需要使用的资源用
Prefetch加载
3 . How？
-
下载包：
- npm install --save-dev @vue/preload-webpack-plugin
-
引入包：
-
配置：
- Preload
- Prefetch
