https://github.com/pastelsky/bundlephobia

🏋️ Find out the cost of adding a new frontend dependency to your project
https://github.com/pastelsky/bundlephobia

cost dependencies npm-package performance webpack

Last synced: 3 days ago
JSON representation

🏋️ Find out the cost of adding a new frontend dependency to your project

• Host: GitHub
• URL: https://github.com/pastelsky/bundlephobia
• Owner: pastelsky
• License: mit
• Created: 2017-03-27T17:24:15.000Z (over 7 years ago)
• Default Branch: bundlephobia
• Last Pushed: 2024-06-02T07:37:23.000Z (6 months ago)
• Last Synced: 2024-10-29T15:05:13.173Z (about 1 month ago)
• Topics: cost, dependencies, npm-package, performance, webpack
• Language: JavaScript
• Homepage: https://bundlephobia.com
• Size: 8.5 MB
• Stars: 8,999
• Watchers: 20
• Forks: 223
• Open Issues: 397
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome - pastelsky/bundlephobia - 🏋️ Find out the cost of adding a new frontend dependency to your project (JavaScript)
• awesome - pastelsky/bundlephobia - 🏋️ Find out the cost of adding a new frontend dependency to your project (JavaScript)
• my-awesome-list - bundlephobia
• awesome-ccamel - pastelsky/bundlephobia - 🏋️ Find out the cost of adding a new frontend dependency to your project (JavaScript)
• awesome-github-star - bundlephobia
• awesome-list - bundlephobia
• awesome - bundlephobia - 🏋️ Find out the cost of adding a new frontend dependency to your project (JavaScript)
• awesome-javascript - bundlephobia
• awesome-javascript - bundlephobia

README

        


    





  

  

  

    

  





   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

- [badgen.net](https://badgen.net/#bundlephobia) - example size of react: ![react](https://badgen.net/bundlephobia/minzip/react)

- [shields.io](https://shields.io/#/examples/size) - example size of react: ![react](https://img.shields.io/bundlephobia/minzip/react.svg)

## 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