前言：

        使用vue久了，会发现很多以前没有注意过的问题，比如说，为什么压缩打包以后的js文件，打开F12以后，再点击js文件，无法查看具体内容，但是刷新具体页面的时候，有的文件又能点击看内容，这是怎么回事呢？这里来说说。

前提条件：

        项目中 使用 compression-webpack-plugin 打包，可以看到js都是这种格式了 

现象：

1、打开F12可以看到，初始化vue的打包后的页面可以看到，加载的js文件，是真实存在的

2、点击 preview 可以看到

3、具体划动某个页面可以看到：部分js又可以看到 

原因：

        这是vue 的 prefetch  预加载

详细步骤：

1、右键打开vue的源代码，打包以后的文件，可以看到这一行

 2、核心就在： rel="prefetch"

<link href="js/0.js" rel="prefetch">
<link href="js/1.js" rel="prefetch">

3、prefetch介绍：

prefetch用来初始化对后续导航中资源的获取。prefetch指定的资源获取优先级是最低的。

4、注意  304是前端预加载，204是后端预加载