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