核心功能
使用指南
- 1
打开Bundlephobia官网首页，在顶部搜索框输入目标npm包名
- 2
点击搜索按钮，等待页面加载该包的体积分析数据
- 3
如需对比多个包，点击搜索框旁的添加对比按钮
- 4
输入第二个、第三个需要对比的npm包名，提交查询
- 5
在结果页切换包版本标签，查看不同版本的体积差异
- 6
点击依赖树按钮，展开查看该包的嵌套依赖结构
- 7
复制页面提供的CDN链接，直接在项目中测试使用
- 8
点击收藏按钮，将常用的包分析数据保存到本地
优势亮点
直接通过网页访问使用，无需安装任何本地工具或依赖
基于真实打包环境计算体积，结果贴近项目实际表现
同时对比多个包的体积差异，辅助选择最优依赖
查看不同版本包的体积变化，追踪迭代影响
直观展示嵌套依赖结构，快速定位冗余项
使用须知
定价: Bundlephobia所有基础功能均免费使用，无需注册账号即可查询包体积、对比多包数据。部分进阶的历史记录同步、自定义打包配置功能，目前也未推出付费版本，所有开发者都可以无限制使用平台提供的全部工具能力。
价格和授权政策可能变化，请以官网最新信息为准
访问第三方网站时，请注意以下事项:
- 谨慎提供个人账号、密码和支付信息
- 下载文件前确认来源安全，警惕诱导性广告
- 涉及版权素材使用时，请核实授权范围
- 如遇网站无法访问或内容异常，可反馈给我们
常见问题
深度了解
前端开发过程中，选择合适的第三方npm包是日常工作的重要环节，很多开发者往往只关注包的功能是否满足需求，却忽略了包本身的体积会直接影响项目最终的打包结果。如果引入的包体积过大，会导致项目打包后的文件体积超标，进而拖慢页面加载速度，尤其是移动端项目，用户等待时间过长会直接影响留存率。Bundlephobia就是为解决这个痛点而生的工具，它可以帮开发者快速查询npm包的真实打包体积，提前预判依赖对项目的影响。打开Bundlephobia官网，只需要在搜索框输入包名，就能一键获取gzip压缩后和未压缩的体积数据，还可以同时对比多个功能相近的包，选择更轻量的那一个。除了基础的体积查询功能，它还支持切换包版本查看体积变化，展开依赖树定位冗余依赖，甚至可以生成官方CDN链接快速测试包的功能。对于前端开发者来说，Bundlephobia是日常开发中不可或缺的辅助工具，无论是新项目搭建还是旧项目优化，都可以用它来优化依赖选择，控制项目体积。