vue项目打包后（持续更新）打包后文件查看我发现文件会出现值为preload的rel属性，preload会让浏览器提前

打包后文件查看

我发现文件会出现值为preload的rel属性，preload会让浏览器提前加载指定资源（加载后并不执行），在需要执行的时候再执行。提供的好处主要有：参考

+ 将加载和执行分离开，可不阻塞渲染和 document 的 onload 事件
+ 提前加载指定资源，不再出现依赖的font字体隔了一段时间才刷出

preload拓展:
- preload 是告诉浏览器页面必定需要的资源，浏览器一定会加载这些资源
- prefetch 是告诉浏览器页面可能需要的资源，浏览器不一定会加载这些资源

index.html：

<!DOCTYPE html><html lang=""><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/favicon.ico">
    <title>mcc</title>
    <link href="/css/app.616cfd7e.css" rel="preload" as="style">
    <link href="/js/app.5bb3ed52.js" rel="preload" as="script">
    <link href="/js/chunk-vendors.9566c822.js" rel="preload" as="script">
    <link href="/css/app.616cfd7e.css" rel="stylesheet">
</head>

<body>
    <noscript>
        <strong>We're sorry but mcc doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <script src="/js/chunk-vendors.9566c822.js"></script>
    <script src="/js/app.5bb3ed52.js"></script>
</body
></html>