读vue-cli3 官方文档的一些学习记录

本文深入探讨Vue CLI 3中Prefetch的特性与配置,揭示其如何在空闲时预加载非关键资源,以及如何正确使用以优化应用性能,避免不必要的资源加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原来一直以为vue@cli3 就是创建模板的工具,读了官方文档才知道原来这么有用,不少配置让我长见识了

Prefetch 懒加载配置

懒加载相信大家都是知道的,使用Import() 语法就可以在需要的时候加载了,但是读了官方文档Prefetch一节后,发现事情并没有想象的那么简单。
1398889-20190805120328637-1430729513.png

文档写的很清楚,Prefetch是在空闲的时候就加载一些不着急的文件,并且import默认是加上了Prefetch的,也就是说你使用了import可能并不是你想要的结果(比如用户点击某个按钮才触发加载,不然永远不加载,这样可以节省流量),
为了验证写了个小用例测试了下,最后看network发现真的是就算你懒加载了,但是等程序空闲了并且父级区块加载了,他还是会提前加载你可能需要的文件。
怎么关闭呢,文档也说的很清楚
1398889-20190805120123686-1955333953.png

转载于:https://www.cnblogs.com/wzcsqaws/p/11302226.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值