开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
工具 > 小程序开发者工具 >  > 包依赖分析工具
收藏
订阅更新
我的文档
设置
小程序包依赖分析
从小程序开发者工具 3.8.3 版本开始,用户可以通过工具提供的包依赖分析功能,对真机预览和模拟器中允许的小程序真实代码进行文件的依赖关系和体积分析,从而对小程序的包大小和内容进行优化。
开启包依赖分析
开发者可以使用以下 2 种方式开启包依赖分析。
模拟器包依赖分析
对于当前运行在模拟器中的代码,可以通过模拟器顶部的按钮打开包依赖分析工具。

真机预览包依赖分析
可以在生成真机预览时,在真机预览码下方进入真机预览的包依赖分析。也可以通过详情面板查看上一次真机预览的包分析。
image.png

使用依赖分析工具
查看包体积构成
包依赖分析工具会将当前小程序的源码中文件经过小程序编译后,所生成的对应小程序产物内容所占的体积以矩阵树形图的方式呈现。对于小程序中的主要组成部分如页面、组件、node_module 以及静态资源,会使用特别的颜色加以区分。

当移动鼠标悬停至某一个组成块时,包体积构成图会高亮目前悬停组成块所依赖和被依赖的内容所在的位置以及所占据的体积。(如图中,蓝色为 tabs 页面依赖的内容,而绿色为以它作为依赖的内容)

查看依赖关系
在包体积构成图上,根据提示按住 ctrl(macos 上为 ⌘) 并点击某个包的组成模块,可以打开该模块内容的依赖关系图。

在依赖关系图中,可以查看当前模块所依赖的其它页面、组件、代码文件内容等。
悬停至一个模块时,可以看到这个模块所在的文件位置和产物内的位置。同时还会展示这个模块的依赖文件的总体积和独占依赖体积。
点击依赖或者被依赖项,可以跳转到以点击项为中心的依赖分析展示。

点击依赖上的 号,可以展开指定依赖的后续依赖内容,以进行进一步分析。

注意事项
1包依赖分析中展示的文件大小和体积由于受到 压缩编译产物/是否生成 sourcemap 等编译选项以及系统文件存储方式估算的影响,与最终上传时限制的的分包体积大小可能会存在不完全一致的情况。
2为了便于 ui 展示,在某些同级文件占比大小悬殊的情况下,包体积构成中展示的矩阵树图经历过比例优化,不能简单地将矩阵图的比例与真实占比的绝对值等同。
3在模拟器包分析时,在未清除缓存的情况下,小程序包不会清除已经复制的静态资源文件,因此在移动、删除静态资源文件时,依赖分析中会看到静态资源只会增加而不会减少。清除构建缓存可以解决这个问题。
4对于小程序插件项目,目前仅支持插件本身的包依赖分析。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图