JavaScript Bundlers

Open-source JavaScript projects categorized as Bundlers
Edit details
Topics: #Webpack #module-bundler #JavaScript #Bundle #Build
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com
Sponsored

Top 7 JavaScript Bundler Projects

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Project mention: I need a crash course in JavaScript project structure | reddit.com/r/learnjavascript | 2023-01-30

    A bundler like webpack is usually being used where npm is involved in order to generate a single .js file from all of the imports / exports - and you can usually see the start commands under "scripts" in the package.json - the webpack configuration itself will usually be under a webpack.config.js in the root directory. The bundle is usually placed in a /dist/ folder, and convention is to place all non-configuration code in an adjacent /src/ folder.

  • Rollup

    Next-generation ES module bundler

    Project mention: How to use Firestore with Redux in a React application | dev.to | 2023-01-25

    With tools like webpack (used by create-react-app under the hood), your entire application needs to be bundled in a single file before it can be served to the browser. Vite, on the other hand, takes advantage of native ES modules in the browser to make bundling more efficient with Rollup, serving parts of the source code as needed.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • webpack-dashboard

    A CLI dashboard for webpack dev server

  • Microbundle

    📦 Zero-configuration bundler for tiny modules.

    Project mention: How to create a component library? | reddit.com/r/reactjs | 2022-12-28

  • Brunch

    :fork_and_knife: Web applications made easy. Since 2011.

    Project mention: Comparing Static and Dynamic Websites | dev.to | 2022-08-09

    Brunch

  • Speed Measure Plugin

    ⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds

    Project mention: React devops/developers: How have you managed to reduce the build time of your react projects? | reddit.com/r/reactjs | 2022-03-04

    https://github.com/stephencookdev/speed-measure-webpack-plugin to measure where the time is being spent - can't optimise if you don't know where to spend the time.

  • klap 👏

    zero config, zero dependency bundler for tiny javascript packages

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-01-30.

JavaScript Bundlers related posts

Index

What are some of the best open-source Bundler projects in JavaScript? This list will help you:

Project Stars
1 webpack 62,449
2 Rollup 22,906
3 webpack-dashboard 13,899
4 Microbundle 7,470
5 Brunch 6,840
6 Speed Measure Plugin 2,259
7 klap 👏 176

Sponsored
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com