项目构成分析

更新时间 2024-09-03 03:43:26
收藏
我的收藏

简介​

开发者工具提供了项目文件构成分析插件。开发者可以通过工程分析提供的「构成分析」功能查看代码包中的文件构成,对项目真实代码进行文件的依赖关系和体积分析,以此优化代码包大小和内容。​

版本支持​

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

原理简介​

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

使用入口​

开发者使用分析功能的主要入口有两处:​
    编辑器活动栏 - 工程分析 - 构成分析。​
    工具栏 - 详情 - 基本信息 - 本地代码 - 构成分析。​
此外,在平时的开发中,如果项目的包体积超限,可能会在右下角出现提醒,此时可以提前对项目文件内容展开优化。​
在预览(或真机调试、或上传)时遇到关于包体积超限时的错误提示弹窗中,也可以点击构成分析按钮,对项目进行构成分析。​

查看构成​

构成分析工具会将当前工程源码的体积以矩阵树形图的方式呈现。对于小程序中的主要组成部分会根据不同的文件类型使用不同颜色加以区分。​
构成分析功能的界面主要由 2 部分构成。​
    左侧为目录树,文件夹的排列已经按照体积降序排序,并支持文件搜索。​
    右侧为 Treemap 区域,最上面是概况,展示文件体积和文件综述,并支持刷新与导出。下面为 TreeMap,展示文件所属关系、文件名和文件大小。​
注意:部分文件大小相比于整体占比极小时(例如低于千分之一 ),这些文件可能并没有在 treemap 图中绘制,仅在左侧目录树中展示。​
详情功能如下:​
    1.搜索:输入文件名,查找目标文件​
    2.刷新:刷新后,重新生成 TreeMap​
    3.导出:导出工程包体积信息的 JSON 文件​
目录树与 treemap 图之间可以联动,操作示例动图如下:​