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