vuecli3关闭 Prefetch
程序员文章站
2022-05-17 21:02:24
...
Prefetch 链接将会消耗带宽。如果你的应用很大且有很多 async chunk,而用户主要使用的是对带宽较敏感的移动端,那么你可能需要关掉 prefetch 链接并手动选择要提前获取的代码区块。
// vue.config.js
module.exports = {
chainWebpack: config => {
// 移除 prefetch 插件
config.plugins.delete('prefetch')
// 或者
// 修改它的选项:
config.plugin('prefetch').tap(options => {
options[0].fileBlacklist = options[0].fileBlacklist || []
options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
return options
})
}
}
当 prefetch 插件被禁用时,你可以通过 webpack 的内联注释手动选定要提前获取的代码区块:
import(/* webpackPrefetch: true */ './someAsyncComponent.vue')
webpack 的运行时会在父级区块被加载之后注入 prefetch 链接。
上一篇: 关于电商网站购物车设计模式的问题?
下一篇: Python解释执行原理分析
推荐阅读
-
快手大屏模式如何关闭?快手大屏模式关闭教程
-
linux下php-fpm开启关闭使用方法
-
关闭selinux(防火墙)方法分享
-
网友爆料如何强制关闭小米电视开机广告:附操作方法
-
如何关闭http Methods中的Trace 提高安全意识
-
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
-
豌豆荚宣布本月关闭PC版在线服务
-
利用Django框架中select_related和prefetch_related函数对数据库查询优化
-
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
-
在Linux系统上关闭rpc.statd服务的方法