我们在启动 Rsdoctor 的首页中,会看到名为 Bundle Overall 的一个卡片,可以通过它了解到当前项目构建产物的信息,其内容如下图所示:
| 名词 | 描述说明 |
|---|---|
| total files | 代表产物中所有文件的数量 |
| total size | 代表产物中所有文件的总体积 |
| js files | 代表产物中所有 .js 的文件数量 |
| css files | 代表产物中所有 .css 文件数量 |
| image files | 代表产物中所有 .png/.jpg/.svg/.webp/.jpeg/.gif/.bmp 的文件数量 |
| font files | 代表产物中所有 .ttf/.fnt/.fon/.otf/.woff/.woff2 的文件数量 |
| media files | 代表产物中所有 .mp3/.mp4/.avi/.wav/.flv/.mov/.mpg/.mpeg 的文件数量 |
| html files | 代表产物中所有 .html 的文件数量 |
| modules | 代表产物中 module 总数 |
| duplicate packages | 代表产物中存在的重复包总数 |
卡片上的 「TOTAL Size」 数据是项目的总大小。点击该数字可以跳转到 Bundle Size 页面
卡片上还可以查看到不同类型文件的个数及总 Size,点击对应的蓝色图标则可以查看到对应的文件列表,如下图:
如果卡片中的 Duplicate Packages 显示的数字大于 0,则可以点击来查看对应的重复包详情列表,其内容如下图所示:
我们可以看到当前 Rsdoctor 在本次构建产物中检测出来的所有重复包的列表。
更多请查看重复第三方包。