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 es un sistema de herramientas de compilación frontend y gestor de módulos de JavaScript que integra Webpack en aplicaciones Ruby on Rails. Sirve como puente entre el framework web de backend y el proceso de compilación frontend para compilar JavaScript y CSS en bundles listos para el navegador. El sistema proporciona un servidor de assets de desarrollo dedicado para la recarga de código en tiempo real y la actualización automática del navegador. Para producción, incluye un pipeline de precompilación que minifica scripts y hojas de estilos y aplica compresión de assets de red para optimizar la entrega. El proyecto cubre una gestión integral de assets mediante la inyección de etiquetas impulsada por helpers y el mapeo de assets basado en manifiestos, asegurando que los archivos compilados estén correctamente vinculados en las plantillas HTML. También admite pipelines de compilación personalizados a través de una interfaz de configuración programable para integrar lenguajes no estándar y resolución de rutas de módulos personalizada.

Poi es un empaquetador de módulos extensible y de configuración cero para el desarrollo frontend moderno. Funciona como un sistema de compilación que transforma JavaScript, JSX y CSS en archivos compatibles con el navegador y los combina en paquetes únicos para la entrega web. La herramienta se basa en una arquitectura de plugins que permite extensiones personalizadas para la tubería de compilación y la adición de lógica de procesamiento de activos especializada. Emplea un sistema de mapeo basado en convenciones para automatizar la configuración de compilación y los resultados de destino sin necesidad de archivos de configuración manuales. El proyecto cubre una amplia gama de capacidades de empaquetado, incluyendo compilación de frameworks frontend, resolución automática de activos y el procesamiento de archivos estáticos. Utiliza transformaciones de árbol de sintaxis abstracta para permitir la modificación programática y la compilación específica del framework del código fuente.

wmr es una herramienta de desarrollo de aplicaciones web y sistema de compilación que funciona como un bundler de módulos ES, generador de sitios estáticos y servidor de desarrollo local. Proporciona un entorno completo para crear aplicaciones web modernas, combinando un compilador de producción con un servidor que admite recarga en caliente (hot reloading). El proyecto se distingue por su enfoque integrado en scripts de fondo y enrutamiento, sirviendo tanto como bundler de service workers como herramienta para el enrutamiento basado en el sistema de archivos. Permite la generación de HTML estático mediante prerenderizado y proporciona integración nativa para generar web workers para manejar cálculos pesados. El sistema cubre una amplia gama de capacidades de automatización de compilación, incluyendo compilación bajo demanda, manejo de solicitudes basado en middleware y un pipeline impulsado por plugins para extender la lógica de compilación. También incluye utilidades para gestionar variables de entorno, mapear rutas de importación y analizar el tamaño del bundle para optimizar los activos de producción.

create-react-library es un generador de línea de comandos y entorno de desarrollo diseñado para crear bibliotecas de componentes React reutilizables. Escafolda la estructura del proyecto necesaria y las pipelines de compilación requeridas para desarrollar, empaquetar y publicar módulos de JavaScript en un registro. La herramienta proporciona un bucle de desarrollo que vincula el directorio de origen de la biblioteca con una aplicación de ejemplo complementaria, permitiendo actualizaciones en tiempo real y vistas previas en vivo. También incluye una pipeline de despliegue que transforma las aplicaciones de ejemplo en compilaciones de producción para su alojamiento como documentación pública. El sistema de compilación gestiona el empaquetado de módulos en múltiples formatos tanto para CommonJS como para módulos ES, incluyendo la generación de sourcemaps. Además, maneja la gestión de dependencias de pares para garantizar que las dependencias compartidas se externalicen y no se empaqueten en el paquete final.

browserify-handbook es una guía de documentación completa para Browserify, un empaquetador de módulos CommonJS y herramienta de construcción para JavaScript. Explica cómo compilar módulos al estilo de Node.js en archivos JavaScript únicos para su ejecución dentro de navegadores web. La guía cubre la generación de paquetes de definición de módulos universales que funcionan en entornos Node, AMD y navegadores. También detalla el uso de polyfills compatibles con navegadores para los módulos integrados de Node.js, asegurando la compatibilidad multiplataforma. El manual describe capacidades para la transformación de código fuente, automatización de compilación frontend y depuración de aplicaciones web. También cubre la optimización del tamaño del paquete, la división de paquetes en puntos de entrada y la generación de mapas de origen (source maps).

This project is a TypeScript plugin boilerplate and template for creating community extensions for the Obsidian knowledge base application. It provides a foundational codebase and starter project designed to implement development best practices for building and distributing plugins. The repository includes a Deno-based project bootstrapper that automates the generation of a TypeScript project template, including the necessary build configurations and definitions. The project covers the full development workflow for extensions, including TypeScript-to-JavaScript transpilation, asset packaging

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