Vue index.html contains <link> tags to several lazy-loaded components

Question

I\'m trying to improve the load time of my website, and towards that, I\'m using the following settings in my vue.config.js:

config.output.chunkFile         


        

Answer 1

Vue-CLI automatically sets webpackPrefetch: true for all lazy-loaded components. I do not know how you can conditionally turn it on/off so in my projects I am turning it off completely:

// vue.config.js
  chainWebpack: config =>
  {
    config.plugins.delete('prefetch'); // for async routes
    config.plugins.delete('preload'); // for CSS
  }