拖拽上传与文件选择
支持将 stats.json 文件直接拖拽到指定区域,或通过文件选择器浏览本地文件。操作简便直观,无需记忆命令行参数,适合不同经验水平的开发者快速上手使用。
交互式 Treemap 可视化
将模块按目录层级以矩形树图形式展示,矩形面积与模块大小成正比。颜色深浅区分体积等级,点击矩形可钻入查看子目录内容,面包屑导航支持逐层回溯,帮助直观理解模块分布。
模块大小排名与多维排序
按模块大小降序或升序排列,支持按名称字母排序。帮助开发者快速找到体积最大的依赖项,判断是否存在过度引入或可替代的大型库,为优化决策提供数据支撑。
模块搜索与筛选
输入关键词即可在所有模块中快速搜索定位,支持模糊匹配。当 stats.json 包含成百上千个模块时,搜索功能能够帮助精准找到目标模块,查看其大小和占比信息。
统计信息总览
展示总模块大小、模块总数、Chunks 数量和最大模块等关键指标。为开发者提供打包产物的整体概况,快速判断优化方向和优先级,避免陷入细节而忽略全局。
演示数据一键加载
内置演示 stats.json 数据,无需准备真实文件即可体验全部分析功能。适合新用户快速了解工具用法,也方便在团队演示时展示分析效果,降低沟通成本。
一键清除与重新分析
点击清除按钮可重置所有分析状态,方便切换不同的 stats.json 文件进行对比分析。支持反复上传和清除,无需刷新页面,提升工作效率。
纯前端运行零依赖
完全基于浏览器端 JavaScript 运行,不依赖后端服务,不上传任何数据。支持离线使用,数据安全保障可靠,适合企业内网和对数据安全要求较高的使用场景。
分析结果导出与分享
支持将分析结果截图或以文本形式导出,方便在团队协作中分享打包分析报告。开发者可以将体积最大的模块信息、优化建议等关键数据整理后分享给团队成员,促进协作优化。
历史版本对比分析
通过保存不同版本的stats.json文件,可以使用本工具对比分析打包体积的变化趋势。上传旧版本和新版本的stats.json,直观查看哪些模块体积增加或减少,验证优化措施的效果。
UD5工具箱