项目构成分析
更新时间:2022-12-20 18:50:12

开发者工具提供了项目文件构成分析插件。开发者可以快捷地查看代码包中的文件构成,以此优化代码包大小和内容。

版本支持

开发者工具4.0.2 起支持该功能。

原理简介

项目构成分析插件,会对项目代码包中的文件(文件扩展白名单)进行分析,从项目根目录出发,递归地分析文件构成,按文件体积大小降序构建出文件树状图。

使用入口

开发者使用分析功能的主要入口有两处:

  • 活动栏,插件
  • 工具栏 - 详情 - 基本信息 - 本地代码 - 构成分析

此外,在平时的开发中,如果项目的包体积超限,可能会在右下角出现提醒,此时可以提前对项目文件内容展开优化。

在预览(或真机调试、或上传)时遇到关于包体积超限时的错误提示弹窗中,也可以点击构成分析按钮,对项目进行构成分析。

查看构成

构成分析功能的界面主要由三部分构成。

  • 最上面是概况,展示总体积和文件总数。右边的刷新按钮会以项目根目录,重新展示项目构成。
  • 左侧为目录树,文件夹的排列已经按照体积降序排序。
  • 右侧为 treemap 图,展示文件所属关系、文件名和文件大小。

注意:部分文件大小相比于整体占比极小时(例如低于 千分之一 ),这些文件可能并没有在 treemap 图中绘制,仅在左侧目录树中展示。

目录树与 treemap 图之间可以联动,操作示例动图如下。

点击纠错
社区相关主题
查看更多相关主题
还有疑问?发起在线咨询
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助
https://developer.open-douyin.com/forum/activity/post/64586644efa15e3e15723269