webpack加载css与js使用link进行优化

作为元素link 的属性 rel 的值
preload 是告诉浏览器首页页面必定需要的资源，浏览器一定会加载这些资源
prefetch 是告诉浏览器其他页面可能需要的资源，浏览器不一定会加载这些资源
在VUE SSR生成的页面中，首页的资源均使用preload，而路由对应的资源，则使用prefetch

prefetch 用了就会去加载

使用as作为告诉浏览器文件加载方式
as=“style" as=“script”

<link rel="preload" href="./1 (2).js" as="script">
    <link rel="prefetch" href="./css.css" as="style">

<script>
      
      var js = document.createElement('script')
      js.src = './1 (2).js'
      document.body.appendChild(js)
      var css = document.createElement('link')
      css.href = './css.css'
      document.body.appendChild(css)
    </script>