title: Vue.js prefetch CSS files
body: <p>I have a Vue CLI 3 project, with lazy loading for the components. When running <code>npm run build</code> and serving the <code>dist</code> folder, I see that a CSS file is first prefetched and then loaded:</p>
  
  <p><code>&lt;link href="/css/article.70090a14.css" rel="prefetch"&gt;</code>
  and
  <code>&lt;link rel="stylesheet" type="text/css" href="/css/article.70090a14.css"&gt;</code></p>
  
  <p>This is the default behaviour of the Webpack config when executing <code>npm run build</code>. At the moment Lighthouse (Google's audit tool) is complaining and advises me the following:</p>
  
  <p>"Preload key requests: <code>/css/article.70090a14.css</code>"</p>
  
  <p>My question is, how can I add to / change this behaviour to do a <code>preload</code> instead of a <code>prefetch</code>? </p>