Awesome GitHub RepositoriesJavaScript Module Bundlers

Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co

This project is a CommonJS module bundler and resolver designed to combine interdependent JavaScript files into a single script for execution in web browsers. It functions as a Node.js JavaScript bundler that emulates server-side core modules and resolves dependencies to ensure compatibility between server-side logic and browser environments. The system features an extensible bundling pipeline and a browser-side module resolver. It provides a plugin architecture for transforming source code and a source map generator to correlate bundled output back to original files for debugging. The proje

Browserify is a build utility that enables the use of CommonJS module patterns within client-side JavaScript applications. It functions as a dependency manager and module bundler, tracing recursive import calls to package multiple source files and their dependencies into a single, optimized file for execution in web browser environments. The project distinguishes itself by providing a comprehensive compatibility layer that allows server-side code to run in the browser. It achieves this by injecting environment shims and replacing system-level globals with browser-compatible equivalents. Throu

WasmEdge is an extensible WebAssembly runtime that executes WebAssembly bytecode in a secure sandbox for cloud, edge, and embedded applications. It functions as a multi-language compiler, compiling applications written in Rust, JavaScript, Go, and Python into WebAssembly bytecode for sandboxed execution, and as a server-side JavaScript runtime that runs JavaScript programs with ES6 modules, NPM packages, and Node.js-compatible APIs. The runtime also serves as an AI inference runtime, executing AI models from JavaScript using WASI-NN plug-ins for inference tasks on personal devices and edge har

ncc is a Node.js build tool and project bundler that compiles a project and its dependencies into a single JavaScript file. It functions as a single-file JavaScript bundler and TypeScript compiler, converting type-annotated source files into standard JavaScript compatible with the Node.js runtime. The tool focuses on serverless function optimization by reducing the number of files and dependencies in a deployment package to improve portability and cold start times. It automates the software release workflow by integrating the compilation and bundling process into programmatic scripts. The pr

This repository is a collection of Webpack configuration examples and JavaScript module bundler demonstrations. It provides asset pipeline tutorials and frontend build tool examples focused on resolving dependencies and merging multiple modules into optimized browser files. The project demonstrates how to configure Webpack for transforming JavaScript assets, including the use of loaders and plugins to process JSX, CSS, and images into browser-ready formats. It includes practical examples of code splitting, minification, and environment variable injection. The covered capabilities include fro

Microbundle is a zero-configuration JavaScript module bundler designed to package small libraries and modules into optimized distribution files. It serves as a JavaScript library packager and TypeScript compiler, converting source code into compatible module formats for both browser and server-side runtimes. The tool functions as a bundle size optimizer by mangling object properties and analyzing bundle composition to reduce final file sizes. It also acts as a CSS module processor, converting style imports into external stylesheets or scoped modules to prevent global namespace collisions. It

Brunch is a frontend build tool and JavaScript asset bundler designed to automate the transformation of source code into production-ready assets. It functions as an incremental build system that monitors the filesystem for changes to rebuild only modified components, and it serves as a project scaffolding engine for initializing application structures via predefined skeletons and code boilerplates. The tool utilizes a plugin-based transformation pipeline to compile and optimize JavaScript and CSS files for browser delivery. It distinguishes itself through the use of multi-core build paralleli

Webpacker is a frontend build tooling system and JavaScript module manager that integrates Webpack into Ruby on Rails applications. It serves as a bridge between the backend web framework and the frontend build process to compile JavaScript and CSS into browser-ready bundles. The system provides a dedicated development asset server for real-time code reloading and automatic browser refreshing. For production, it includes a precompilation pipeline that minifies scripts and stylesheets and applies network asset compression to optimize delivery. The project covers comprehensive asset management

Poi is an extensible, zero-configuration module bundler and asset compiler for modern frontend development. It functions as a build system that transforms JavaScript, JSX, and CSS into browser-compatible files and combines them into single packages for web delivery. The tool is built around a plugin architecture that allows for custom extensions to the build pipeline and the addition of specialized asset processing logic. It employs a convention-based mapping system to automate build settings and target outputs without the need for manual configuration files. The project covers a broad range

wmr ist ein Tool für die Webanwendungsentwicklung und ein Build-System, das als ES-Modul-Bundler, Static-Site-Generator und lokaler Entwicklungsserver fungiert. Es bietet eine vollständige Umgebung für die Erstellung moderner Webanwendungen und kombiniert einen Produktions-Compiler mit einem Server, der Hot-Reloading unterstützt. Das Projekt zeichnet sich durch seinen integrierten Ansatz für Hintergrundskripte und Routing aus und dient sowohl als Service-Worker-Bundler als auch als Tool für dateibasiertes Routing. Es ermöglicht die Generierung von statischem HTML durch Prerendering und bietet native Integration für das Spawnen von Web-Workern zur Bewältigung rechenintensiver Aufgaben. Das System deckt ein breites Spektrum an Build-Automatisierungsfunktionen ab, einschließlich On-Demand-Kompilierung, Middleware-basierter Anforderungsverarbeitung und einer Plugin-gesteuerten Pipeline zur Erweiterung der Build-Logik. Es enthält zudem Dienstprogramme für die Verwaltung von Umgebungsvariablen, das Mapping von Importpfaden und die Analyse der Bundle-Größe zur Optimierung von Produktions-Assets.

create-react-library ist ein Kommandozeilen-Generator und eine Entwicklungsumgebung für die Erstellung wiederverwendbarer React-Komponentenbibliotheken. Es erstellt die notwendige Projektstruktur und die Build-Pipelines, die erforderlich sind, um JavaScript-Module zu entwickeln, zu bündeln und in einer Registry zu veröffentlichen. Das Tool bietet eine Entwicklungsschleife, die das Quellverzeichnis der Bibliothek mit einer begleitenden Beispielanwendung verknüpft, was Echtzeit-Updates und Live-Vorschauen ermöglicht. Es enthält zudem eine Deployment-Pipeline, die Beispielanwendungen in Produktions-Builds für das Hosting als öffentliche Dokumentation transformiert. Das Build-System verwaltet das Multi-Format-Modul-Bundling für CommonJS- und ES-Module, einschließlich der Generierung von Sourcemaps. Es handhabt zudem das Peer-Dependency-Management, um sicherzustellen, dass geteilte Abhängigkeiten externalisiert und nicht in das finale Paket gebündelt werden.

Das browserify-handbook ist ein umfassender Dokumentationsleitfaden für Browserify, einen CommonJS-Modul-Bundler und JavaScript-Build-Tool. Es erklärt, wie Node.js-artige Module in einzelne JavaScript-Dateien kompiliert werden, um sie in Webbrowsern auszuführen. Der Leitfaden behandelt die Erstellung von Universal Module Definition (UMD) Bundles, die in Node-, AMD- und Browser-Umgebungen funktionieren. Er erläutert zudem die Verwendung browserkompatibler Polyfills für eingebaute Node.js-Module, um die plattformübergreifende Kompatibilität sicherzustellen. Das Handbuch beschreibt Funktionen für die Quellcode-Transformation, Frontend-Build-Automatisierung und das Debugging von Webanwendungen. Es behandelt außerdem die Optimierung der Bundle-Größe, das Splitting von Entry-Point-Bundles und die Generierung von Source Maps.

Dieses Projekt ist ein TypeScript-Plugin-Boilerplate und Template zur Erstellung von Community-Extensions für die Obsidian-Wissensdatenbank-Anwendung. Es bietet eine grundlegende Codebasis und ein Starter-Projekt, das darauf ausgelegt ist, Best Practices für die Entwicklung und Verteilung von Plugins zu implementieren. Das Repository enthält einen Deno-basierten Projekt-Bootstrapper, der die Generierung eines TypeScript-Projekt-Templates automatisiert, einschließlich der notwendigen Build-Konfigurationen und Definitionen. Das Projekt deckt den gesamten Entwicklungs-Workflow für Extensions ab, einschließlich TypeScript-zu-JavaScript-Transpilierung, Asset-Packaging via Bundler und die Implementierung des Plugin-Lebenszyklus. Es nutzt interface-basierte Typdefinitionen und modulbasierte Konfiguration, um die Kompatibilität mit der Host-Anwendung sicherzustellen.

Haul is a mobile application development tool that functions as a JavaScript module bundler, TypeScript transpiler, and development server for mobile environments. It provides a command line interface to manage the build pipeline and serve application bundles to connected devices. The tool utilizes Webpack to compile and package JavaScript and TypeScript code specifically for React Native development. It distinguishes itself through a specialized build pipeline that transforms type-safe code into compatible JavaScript for mobile runtimes. The platform covers comprehensive build and tooling c

threads.js is a JavaScript worker thread library and asynchronous task orchestrator designed to offload CPU-intensive tasks to background threads. It functions as a cross-platform worker pool and a TypeScript worker runner that automatically transpiles and executes TypeScript files within separate threads. The project distinguishes itself by providing a unified worker API that allows for cross-platform execution across different JavaScript environments. It includes a specialized worker data serialization tool to pass complex class instances and binary data between threads, and supports inlini