我们在启动 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 在本次构建产物中检测出来的所有重复包的列表。
更多请查看重复第三方包。