BundlePhobia
GTmetrix
Snyk
WebPagetest
date-fns
Vite
esbuild
Prettier
bundlejs
esbuild
Webpack
rollup.js
Gulp.js
Vite
Vitest
Refine
bundle is a quick and easy way to bundle your projects, minify and see it's gzip size. It's an online tool similar to bundlephobia, but bundle does all the bundling locally on you browser and can treeshake and bundle multiple packages (both commonjs and esm) together, all without having to install any npm packages and with typescript support.
If there is something I missed, a mistake, or a feature you would like added please create an issue or a pull request and I'll try to get to it. You can contribute to this project at okikio/bundle.
You can join the discussion on Github discussions or Twitter.
You can now use search queries in bundle, all you need to do is add this to the url
?q={packages}&treeshake={methods to treeshake}
e.g.
You want react, react-dom, vue, and @okikio/animate, but only want the Animate and toStr methods exported from @okikio/animate.
You would add this to the url bundlejs.com/?q=react,react-dom,vue,@okikio/animate&treeshake=[*],[*],[*],[{Animate,toStr}]
BundlePhobia bundlejsBased on our record, BundlePhobia should be more popular than bundlejs. It has been mentiond 59 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Check packages on Bundlephobia before importing. A date-picker that pulls in 80 KB gzipped when you need one function is a problem you choose. - Source: dev.to / 3 months ago
Before adding any npm package, check bundlephobia.com for the bundle cost. Example: lodash costs 70KB โ lodash-es with tree shaking costs 0-70KB depending on what you import. - Source: dev.to / 5 months ago
Or use bundlephobia.com for a nicer view of what actually ends up in your bundle. - Source: dev.to / 6 months ago
There are two excellent services for estimating package size - Bundlephobia and Package Phobia. While the first calculates "bundle size", the second calculates "publish size" and "install size". The "install size" is the result of recursively summing up all the package dependencies. The result of such an evaluation may surprise. - Source: dev.to / 7 months ago
We can use bundlephobia.com to quickly check the โcostโ of adding a npm library to your bundle. Upon checking, it tells us moment.js clocks in at around 300KB, while date-fns is a much leaner 77KB:. - Source: dev.to / about 1 year ago
I think a neat route would be to use this as an authoring plugin in VS Code, like prettier: write Duper (or JSON5, or whatever), and then downlevel it to regular json automatically when pressing cmd-s. You wouldn't get to keep your comments (or they could be transformed to { "//": "comment text" }). Outside of that, it's tough to compete with JSON in the "human readable unschematized serialization format" market,... - Source: Hacker News / 9 months ago
React's bundling system and published packages has gotten noticeably more complicated over time. First, there's the separation between the generic cross-platform `react` package, and the platform-specific reconcilers like `react-dom` and `react-native. All the actual "React" logic is built into the reconciler packages (ie, each contains a complete copy of the actual `react-reconciler` package + all the... - Source: Hacker News / 10 months ago
These numbers don't reflect anything useful. This is the total size of the code in the package, most of which will be tree-shaken. In Zod's case, the package now contains three independent sub-libraries. I recommend plugging a script into bundlejs.com[0] to see bundle size numbers for a particular script [0] https://bundlejs.com. - Source: Hacker News / about 1 year ago
[bundlejs](https://bundlejs.com/) is the better alternative to check your dependency sizes with. - Source: Hacker News / over 1 year ago
I was closing out some long lived issues over on bundlejs, when issue #50 reminded me of the ongoing debate about how bundlejs should handle the ESM and CJS packages. - Source: dev.to / about 3 years ago
GTmetrix - GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.
esbuild - An extremely fast JavaScript bundler and minifier
Snyk - Snyk helps you use open source and stay secure. Continuously find and fix vulnerabilities for npm, Maven, NuGet, RubyGems, PyPI and much more.
Webpack - Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
WebPagetest - Run a free website speed test from multiple locations around the globe using real browsers...
rollup.js - Rollup is a module bundler for JavaScript which compiles small pieces of code into a larger piece such as application.
