JavaScript Bundlers

Open-source JavaScript projects categorized as Bundlers | Edit details

Top 8 JavaScript Bundler Projects

  • GitHub repo 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: How to Use Amplify Studio Figma Connector with Clojurescript | dev.to | 2022-01-09

    const path = require("path"); const webpack = require("webpack"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const HtmlBeautifierPlugin = require("html-beautifier-webpack-plugin"); module.exports = { mode: "development", entry: "./target/index.js", output: { path: path.resolve(__dirname, "public"), filename: "js/libs/bundle.js", clean: false, }, devtool: "source-map", module: { rules: [ { // docs: https://webpack.js.org/configuration/module/#resolvefullyspecified test: /\.m?js/, resolve: { fullySpecified: false, alias: { models: "../src/amplify/models/index.js", "ui-components": "../src/amplify/ui-components", }, }, }, { test: /\.jsx$/, exclude: /node_modules/, use: ["babel-loader"], }, ], }, resolve: { extensions: ["", ".js", ".jsx"], }, plugins: [ new webpack.ProvidePlugin({ process: "process/browser", }), new HtmlWebpackPlugin({ template: "./public/index.html.tmpl", filename: "index.html", }), new HtmlBeautifierPlugin(), ], };

  • GitHub repo Rollup

    Next-generation ES module bundler

    Project mention: Configuring CommonJS & ES Modules for Node.js | dev.to | 2022-01-03

    This also means that whatever build tooling must produce the distribution file with a .cjs file extension. This might necessitate chaining multiple build tools or adding a subsequent step to move/rename the file to have the .cjs file extension (ex mv ./dist/index.js ./dist/index.cjs)3. This can be worked around by adding a subsequent step to move/rename those outputted files (ex Rollup or a simple shell script).

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo Snowpack

    ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️

    Project mention: What are the new and exciting tech for React projects for 2022? | reddit.com/r/reactjs | 2022-01-05

    I've been hearing good things about snowpack and have been wanting to give it a go myself as an alternative to webpack/babel

  • GitHub repo webpack-dashboard

    A CLI dashboard for webpack dev server

  • GitHub repo Brunch

    :fork_and_knife: Web applications made easy. Since 2011.

    Project mention: 🕵️Something new every now and then: Trying Brunch🍴 | dev.to | 2021-03-20

    So, the website looks promising:

  • GitHub repo Microbundle

    📦 Zero-configuration bundler for tiny modules.

    Project mention: Creating a react library, why bundle to ESM? | reddit.com/r/reactjs | 2021-12-13

    I would recommend starting by using https://github.com/developit/microbundle , as it has pretty good default behavior for generating library output.

  • GitHub repo Speed Measure Plugin

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

    Project mention: Is anyone working with Vite? | reddit.com/r/typescript | 2021-11-11

    The first thing to do should always be to see where the time is being spent. For that you can use https://github.com/stephencookdev/speed-measure-webpack-plugin

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo klap 👏

    zero config, zero dependency bundler for tiny javascript packages

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 2022-01-09.

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 60,261
2 Rollup 21,072
3 Snowpack 19,643
4 webpack-dashboard 13,854
5 Brunch 6,802
6 Microbundle 6,668
7 Speed Measure Plugin 1,999
8 klap 👏 169
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
OPS - Build and Run Open Source Unikernels
Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
github.com/nanovms