百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
B

bundlephobia

> 数据库
开源

️ 了解向项目添加新前端依赖项的成本

9.6K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

️ 了解向项目添加新前端依赖项的成本

bundlephobia.com

Know the performance impact of including an npm package in your app's bundle.

Bundlephobia's looking for contributors and co-maintainers

## Features - Works with ES6 packages - Can build css and scss packages as well (beta) - Reports historical trends - See package composition ## Badges - - example size of react: - - example size of react: ## Built using bundlephobia - Size in browser - As seen on package searches at [yarnpkg.com](https://yarnpkg.com) - [bundlephobia-cli](https://github.com/AdrieanKhisbe/bundle-phobia-cli) - A Command Line client for bundlephobia - [importcost](https://atom.io/packages/importcost) - An Atom plugin to display size of imported packages - [JS Bundle Size Cross-Browser Extension](https://github.com/vicrazumov/js-bundle-size) - Chrome and Firefox extension automatically adding package size to the github and npm pages. - [npmcharts.com](https://npmcharts.com/compare/bundle-phobia-cli) - bundle size stats at top of page - [Rollpkg](https://github.com/rafgraph/rollpkg) - A build tool to create packages with Rollup and TypeScript ## Support Liked bundlephobia? Used it's API to build something cool? Let us know! We could use some and sponsorship on – ## FAQ #### 1. Why does search for package X throw `MissingDependencyError` ? This error is thrown if a package `require`s a dependency without adding it in its dependencies or peerDependencies list. In the absence of such a definition, we cannot reliably report the size of the package - since we cannot resolve any information about the package. In such a case, it's best to report an issue with the package author asking the missing package to be added to its `package.json` #### 2. I see a `BuildError` for package X, but I'm not sure why. You can see a detailed stack trace in your devtools console, and [open an issue](https://github.com/pastelsky/bundlephobia/issues/new) with the relevant details. Working on a more ideal solution for this. ## Contributing See [Contributing](https://github.com/pastelsky/bundlephobia/blob/bundlephobia/CONTRIBUTING.md) ## Sponsors

GitHub Issues· 0 开放

在 GitHub 查看全部

暂无开放 Issues,或尚未同步最近议题。

核心特点

  • •Works with ES6 packages
  • •Can build css and scss packages as well (beta)
  • •Reports historical trends
  • •See package composition
  • •- example size of react:
  • •- example size of react:
  • •Size in browser - As seen on package searches at yarnpkg.com
  • •bundlephobia-cli - A Command Line client for bundlephobia
  • •importcost - An Atom plugin to display size of imported packages
  • •JS Bundle Size Cross-Browser Extension - Chrome and Firefox extension automatically adding package size to the github and npm pages.

> 标签

TypeScriptcostdependenciesnpm-packageperformance

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类数据库
定价开源

> 相关工具

P
PostgreSQL
功能强大的开源关系型数据库
R
Redis
内存数据结构存储,常用作缓存与队列
M
MySQL
广泛使用的开源关系型数据库