在过去的一个月,微信团队发起真机调试2.0版本的调研活动,在此期间,收到了很多开发者朋友们的反馈和建议。而在这些反馈中,我们留意到无论是使用真机调试还是其他调试方式,调试过程中的编译速度都是大家最关心的:
我的小程序在模拟器加载比别人久
真机调试一次能不能更快
预览大的小程序有点久
……
1min 解决编译难题 别忘了文末彩蛋哟!
事实上,微信团队一直在优化编译能力,例如已上线的「局部编译」能力。它能够有效解决大型小程序项目编译时间长的难题,实现速度提升90%!接下来探索局部编译的超能力吧!
• • 局部编译是什么 • •
众所周知,小程序由多个页面组成,页面数量越多,代码包体积越大。面对大型小程序项目时,普通编译模式下,预览和真机调试都需要编译完整小程序代码,导致等待时间过长。
回归开发场景,我们一般开发单个或少数几个页面即进行调试,但是每次都得编译所有页面,延长了进入调试的时间。我们能否仅对部分页面进行编译和加载呢?能!
局部编译就是对部分页面进行针对性编译的能力,通过工具对小程序项目的代码文件进行依赖分析,选取页面列表中有关联的代码文件进行编译,提升编译速度。
*注意:图⽚等资源⽂件的局部编译和普通编译逻辑一致,均需要打包上传。
局部编译原理
• • 局部编译怎么用 • •
1. 添加编译模式
2. 选择局部编译模式
3. 选择目标页面
• • 局部编译效果 • •
对比普通编译模式,使用局部编译模式时,预览、调试页面是完全一致的,同时模拟器编译时长缩短、进入预览和真机调试的速度也会大大加快,越大型的小程序项目提升效果越明显。以某个14MB的测试项目为例:普通编译需要56s;但局部编译2个共800KB的页面,仅需8s,等待时长相差7倍。
• • 总结 • •
局部编译模式通过优化编译页面的规则,提供一种针对部分页面进行编译的编译模式,提升调试速度,使排查和定位问题变得更加高效。详细文档请查看下方阅读原文。
更多开发技巧请前往微信学堂,海量高质量官方课程指导等你来探索!
最后,为了感谢各位开发者朋友们的支持,2021年9月30日,我们将从关注「微信开发者」视频号并点赞所有视频的用户中,抽取5位获得以下微信周边礼品。大家快来关注和点赞哟!
气泡狗贴纸、气泡狗毛绒斜挎包、红包收纳背包、气泡狗钥匙扣、气泡狗语音条抱枕
*注意:实际奖品选择与发放将视官方周边更新与存货情况进行适当调整
如有其他开发者工具相关的问题,可在微信开发者工具交流专区 中发帖互动,将有技术专员为大家解答及进行深度交流。
点击在看让更多人发现精彩
本文分享自 腾讯云开发CloudBase 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!