JavaScript 包体与 Source Map 分析器

私密构建取证

在不执行导入代码的情况下检查包体构成、Source Map、预算和构建差异。

导入字节
1.30 MiB
实测 Gzip
220 B
资源
4
模块
4
Chunks
2
发现
3

构建资源

名称匹配时,真实文件会覆盖仅元数据体积。

webpack · sourcemap
资源或模块类型体积 Gzip Chunk
assets/vendor.a81e30cd.jsjavascript793.0 KiBvendor
assets/app.3f21ac9e.jsjavascript474.6 KiBapp
assets/app.82d3fa91.csscss62.5 KiBapp
assets/app.3f21ac9e.js.mapmap282 B220 B
构建总字节通过

1.30 MiB / 2.00 MiB

最大入口失败

793.0 KiB / 500.0 KiB

最大资源失败

793.0 KiB / 750.0 KiB

最大模块失败

277.3 KiB / 200.0 KiB

Source Map 嵌入源码时失败通过

true / false

使用方法

  1. 01

    打开构建证据

    导入有界 Stats、Metafile、Manifest、Map 与真实资源,全程不执行代码。

  2. 02

    追踪体积与映射

    探索资产、模块、Chunk、压缩字节、VLQ 映射和隐私发现。

  3. 03

    比较并执行预算

    载入基线、应用明确预算并导出不含源码的审查报告。

常见问题

会执行导入的 JavaScript 吗?

不会。文件只作为文本或结构化元数据读取,绝不求值。

支持哪些构建工具?

支持 Webpack stats、esbuild metafile、Vite 或 Rollup manifest、Source Map 以及真实 JS/CSS 文件。

压缩体积是准确的吗?

真实导入资源会测量 Gzip;只有元数据的报告无法重建模块压缩字节。

能证明 Tree Shaking 或运行时性能吗?

不能。静态构建证据仍需结合运行时分析和生产测量。

继续使用其他专注的浏览器端工具。

全部工具

默认本地处理;远程数据来源会明确说明。

© 2026 Nobuf

Nobuf

由浏览器驱动的快速、本地优先实用工具。