rollup.js
Webpack
Parcel
npm
Brunch
esbuild
JSPM
RequireJS
bundlejs
BundlePhobia
Webpack
esbuild
aijs.rocks
2016 JavaScript Rising Stars
State of Software Development 2019
couriermanager
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}]
rollup.js bundlejsBased on our record, rollup.js should be more popular than bundlejs. It has been mentiond 60 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.
Vite is a modern frontend build tool used to develop fast and super efficient web applications. It serves files instantly and ensures that changes are updated immediately after they are implemented. It makes use of Rollup for optimized builds and has support for when you want to build a Javascript library (instead of a full app). - Source: dev.to / about 1 month ago
In 2025, mastering Vite for your React projects means leveraging powerful configurations, intelligent optimizations, and a robust plugin ecosystem. By understanding Vite’s modern architecture—native ES modules (ESM) during development and optimized Rollup bundling for production—you can significantly streamline your workflow, improve developer experience, and deliver fast, performant applications at scale. - Source: dev.to / about 2 months ago
6. Production-Ready Code Vite uses Rollup for production builds, which optimizes the code by bundling it efficiently, performing tree shaking, and minifying JavaScript. This results in smaller, optimized production builds that are ready for deployment. - Source: dev.to / 5 months ago
Meanwhile, esbulid (developed in Go language, as introduced earlier) and rollup can also be used separately as packaging tools, and many third-party JS plugins are packaged using rollup. - Source: dev.to / 5 months ago
Npm packages dramatically sped up the productivity of developers by being able to leverage other developers' work. However, it had a major disadvantage: cjs was not compatible with web browsers. To solve this problem, the concept of bundlers was born. Browserify was the first bundler which essentially worked by traversing an entry point and "bundling" all the require()-ed code into a single .js file compatible... - Source: dev.to / 5 months ago
[bundlejs](https://bundlejs.com/) is the better alternative to check your dependency sizes with. - Source: Hacker News / about 2 months 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 / almost 2 years ago
Still, I'm not really sure about its dependencies: it lists react and @tanstack/react-query (as opposed to @tanstack/query-core) and bundlejs reports 124KB gzipped. Also, while using it, you still need to refer to their react docs (that documentation is really good and has a lot of examples) but not everyone will be thrilled about checking a react documentation when they're using an angular package. Source: almost 2 years ago
It's somewhere in between. React as a lib and architecture _is_ platform-agnostic. The core logic is defined in the `react-reconciler` package. It contains all the implementation of rendering components, diffing trees, managing state, and running effects, as well as all the "Suspense" implementation. However, the way `react-reconciler` works is that it's built _into_ each platform-specific renderer... - Source: Hacker News / almost 2 years ago
React Hook Form has no dependencies and a small bundle size. It has a gzipped bundle size of 12.12KB, according to bundlejs. - Source: dev.to / over 2 years ago
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.
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
Parcel - Blazing fast, zero configuration web application bundler
npm - npm is a package manager for Node.
esbuild - An extremely fast JavaScript bundler and minifier
Brunch - Brunch builds, lints, compiles, concatenates and shrinks your HTML5 app in an ultra-simple way. No more Grunt / Gulp mess.