vue-cli5升级:Call plugin(‘prefetch-index‘).use(<Plugin>) first编译报错

  1. 背景:升级vue-cli5 + 使用内置preload插件
  2. 报错信息:Call plugin('prefetch-index').use(<Plugin>) first
  3. 关键代码:修改preload插件配置信息
chainWebpack: (config) => {
    
    
	config.plugin('prefetch-index').tap(options => {
    
    
            options[0].fileBlacklist = options[0].fileBlacklist || []
            options[0].fileBlacklist.push(/.*\.(js|map|css)$/)
            return options
    })
}
  1. 问题:vue-cli5中不再内置preload插件,找不到对应插件则报错
  2. 解决:如果要继续使用该插件,可在configureWebpack中使用该插件的替代品@vue/preload-webpack-plugin
const PreloadWebpackPlugin = require('@vue/preload-webpack-plugin')

plugins: [
        new PreloadWebpackPlugin({
    
    
            rel: 'prefetch',
            fileBlacklist:[/.*\.(js|map|css)$/]
        })
]

猜你喜欢

转载自blog.csdn.net/qq_44242707/article/details/127568216