zl程序教程

您现在的位置是:首页 >  工具

当前栏目

微信开发者工具:「局部编译」能力

工具微信开发者 编译 能力 局部
2023-06-13 09:18:00 时间

在过去的一个月,微信团队发起真机调试2.0版本的调研活动,在此期间,收到了很多开发者朋友们的反馈和建议。而在这些反馈中,我们留意到无论是使用真机调试还是其他调试方式,调试过程中的编译速度都是大家最关心的:

我的小程序在模拟器加载比别人久

真机调试一次能不能更快

预览大的小程序有点久

……

1min 解决编译难题 别忘了文末彩蛋哟!

事实上,微信团队一直在优化编译能力,例如已上线的「局部编译」能力。它能够有效解决大型小程序项目编译时间长的难题,实现速度提升90%!接下来探索局部编译的超能力吧!

• 局部编译是什么 •

众所周知,小程序由多个页面组成,页面数量越多,代码包体积越大。面对大型小程序项目时,普通编译模式下,预览和真机调试都需要编译完整小程序代码,导致等待时间过长。

回归开发场景,我们一般开发单个或少数几个页面即进行调试,但是每次都得编译所有页面,延长了进入调试的时间。我们能否仅对部分页面进行编译和加载呢?能!

局部编译就是对部分页面进行针对性编译的能力,通过工具对小程序项目的代码文件进行依赖分析,选取页面列表中有关联的代码文件进行编译,提升编译速度。

*注意:图⽚等资源⽂件的局部编译和普通编译逻辑一致,均需要打包上传。

局部编译原理

• 局部编译怎么用 •

1. 添加编译模式

2. 选择局部编译模式

3. 选择目标页面

• 局部编译效果 •

对比普通编译模式,使用局部编译模式时,预览、调试页面是完全一致的,同时模拟器编译时长缩短、进入预览和真机调试的速度也会大大加快,越大型的小程序项目提升效果越明显。以某个14MB的测试项目为例:普通编译需要56s;但局部编译2个共800KB的页面,仅需8s,等待时长相差7倍。

• 总结 •

局部编译模式通过优化编译页面的规则,提供一种针对部分页面进行编译的编译模式,提升调试速度,使排查和定位问题变得更加高效。详细文档请查看下方阅读原文。

更多开发技巧请前往微信学堂,海量高质量官方课程指导等你来探索!

最后,为了感谢各位开发者朋友们的支持,2021年9月30日,我们将从关注「微信开发者」视频号并点赞所有视频的用户中,抽取5位获得以下微信周边礼品。大家快来关注和点赞哟!

气泡狗贴纸、气泡狗毛绒斜挎包、红包收纳背包、气泡狗钥匙扣、气泡狗语音条抱枕

*注意:实际奖品选择与发放将视官方周边更新与存货情况进行适当调整

如有其他开发者工具相关的问题,可在微信开发者工具交流专区 中发帖互动,将有技术专员为大家解答及进行深度交流。


      点击在看让更多人发现精彩