How to disable prefetch in vue-cli v4

[FrancescoMussi]

Version

4.3.1

Environment info

vue info doesn't seem to work in vue-cli v4

Steps to reproduce

I am trying to disable prefetch for webpack.
I am following the docs here:

https://cli.vuejs.org/guide/html-and-static-assets.html#prefetch

Deleting the prefetch plugin, in vue.config.js

chainWebpack: config => {
  config.plugins.delete('prefetch')
}

Or disabling it for each view in the router:

function loadView (view) {
  return () => import(
    /* webpackChunkName: "view-[request]" */
    /* webpackPrefetch: false */
    `@/views/${view}.vue`)
}

What is expected?

I expect not to load the views at startup

What is actually happening?

all views are actually loaded

[haoqunjiang]

There's a preload plugin, too.

[FrancescoMussi]

@sodatea thanks for replying.
But your answer doesn't tackle the issue.
You are simply suggesting another plugin.

Can you please reopen the issue - in case somebody can help with this?

[haoqunjiang]

I mean, you need to disable both prefetch and preload plugins.

[cwtgogo]

I mean, you need to disable both prefetch and preload plugins.

i do this,but this problem is also exists.

[tcstory]

    config.plugins.delete('prefetch')
    config.plugins.delete('preload')

the above code does not work

[ux-engineer]

Same here using version 4.5.7 and Vue 3.0 core.

[ux-engineer]

It seems vuejs/preload-webpack-plugin is forked from GoogleChromeLabs/preload-webpack-plugin and is 23 commits ahead, 62 commits behind GoogleChromeLabs:master.

Those unmerged commits are since September 2017.

[czl032405]

const PreloadPlugin = require("@vue/preload-webpack-plugin");

// in option configureWebpack
config.plugins = config.plugins.filter(p => !(p instanceof PreloadPlugin));

[ux-engineer]

const PreloadPlugin = require("@vue/preload-webpack-plugin");

// in option configureWebpack
config.plugins = config.plugins.filter(p => !(p instanceof PreloadPlugin));

This doesn't work as plugins property is not an array.

However, this worked for me when using multipage setup:

chainWebpack: (config) => {
    config.plugins.store.delete('prefetch-app');
    config.plugins.store.delete('preload-app');
},

[bsnman]

Currently on vue-cli 0.5.8
But neither of this works.

Everything are still prefetched.

Any update on this one?

chainWebpack: config => {
    config.plugins.delete("prefetch");
    config.plugins.delete("preload");
    // or
    config.plugins.store.delete("prefetch");
    config.plugins.store.delete("preload");
}

[mrzdevcore]

Hello,

this issue is closed but using this solution is not working for me
config.plugins.delete('prefetch') config.plugins.delete('preload')

is there any update ?

[RezaErfani67]

@mrzdevcore update vue-router package

[mdaffan01]

The issue is closed and I don't know why @sodatea even thought of closing this, as this issue hasn't been resolved. I've tried everything above and nothing worked