Awesome GitHub RepositoriesJavaScript Bundling Workflows

react-loadable is a React component lazy loader and JavaScript bundle orchestrator designed to manage the delivery of asynchronous components. It provides a bridge for server-side rendering to coordinate dynamic module preloading and prevent content flicker during client hydration. The project includes a dynamic component preloader to trigger background fetches of visual components before they are required on screen. It utilizes a system to map individual modules to their respective bundles, ensuring the correct assets are delivered. The library covers code splitting workflows and asynchrono

Rolldown is a high-performance JavaScript and TypeScript module bundler written in Rust. It functions as a fast module compiler that implements a Rollup-compatible API to ensure compatibility with existing workflows and plugins while specializing in ECMAScript Module formats. The project distinguishes itself by using a Rust-based core engine and lazy compilation to reduce the time spent resolving and transforming source code. It focuses on minimizing final delivery sizes through static analysis and tree-shaking to remove unused code. The toolset covers a broad range of build capabilities, in

Metalsmith is a Node.js static site generator and static content processor that transforms source files into websites, eBooks, or technical documentation. It functions as a file-to-object transformer, converting directory trees into plain JavaScript objects that can be programmatically manipulated in memory. The project is built around a pluggable build pipeline where files are passed through a sequence of custom functions to transform content and metadata incrementally. This architecture allows users to extend functionality by writing their own plugins or using third-party modules to define

size-limit is a set of specialized tools for measuring JavaScript bundle sizes and enforcing performance budgets within continuous integration pipelines. It functions as a bundle size monitor and budget enforcer that can reject pull requests when JavaScript bundles exceed predefined size thresholds. The project distinguishes itself by providing a browser-based execution profiler that calculates the time required to compile and execute JavaScript on simulated low-end hardware. It also includes a tree-shaking validator that analyzes partial import bundle sizes to verify that unused code is corr

Metro ist ein JavaScript-Bundler, der für React-Native-Umgebungen konzipiert ist. Er fungiert als System zur Auflösung von Abhängigkeiten, zur Transformation von Quellcode und zur Paketierung von JavaScript und Assets in Bundles für die Ausführung. Das Projekt beinhaltet einen Entwicklungs-Bundler-Server, der Assets via HTTP hostet und Hot Module Replacement bietet. Es verfügt über einen Modul-Resolver, der plattformspezifische Dateierweiterungen handhabt, sowie einen Quellcode-Transformator, der Code zur Optimierung und Minifizierung in Baumstrukturen konvertiert. Das Toolset deckt die programmatische Bundle-Generierung, die Erstellung von Source-Maps und das Dateisystem-Caching ab, um redundante Transformationen zu vermeiden. Es bietet zudem Funktionen für Asset-Management, Polyfill-Injektion und sichere Serverkonfiguration unter Verwendung von TLS-Zertifikaten für verschlüsselte Endpunkte. Überwachungstools sind enthalten, um den Bundling-Status zu verfolgen und Performance-Metadaten für Start- und Update-Events zu protokollieren.

Dieses Projekt ist ein Full-Stack-JavaScript-Scaffold und MERN-Stack-Projekt-Boilerplate. Es bietet eine vorkonfigurierte Projektstruktur, die MongoDB, Express, React und Node.js kombiniert, um den manuellen Einrichtungsaufwand beim Bootstrappen datengesteuerter Webanwendungen zu reduzieren. Das Toolkit bietet eine dockerisierte Full-Stack-Umgebung, die Anwendung und Datenbank in Containern isoliert, um Konsistenz zwischen Entwicklung und Produktion sicherzustellen. Es enthält zudem ein Framework für serverseitiges Rendering, das darauf ausgelegt ist, HTML auf dem Server zu generieren und auf dem Client zu hydrieren, um Ladezeiten und Suchmaschinen-Sichtbarkeit zu verbessern. Das Projekt deckt einen breiten Entwicklungsworkflow ab, einschließlich Template-basierter Projekt-Scaffolding via Command-Line-Interface, Asset-Bundling und JavaScript-Transpilierung. Es unterstützt zudem das serverseitige Pre-Fetching von Komponenten, um die Datenverfügbarkeit vor dem Seiten-Rendering sicherzustellen.

Blendid ist ein Gulp-basierter Static-Site-Generator und eine Asset-Pipeline, die entwickelt wurde, um Quelldateien in fertige Websites umzuwandeln. Es fungiert als System für das Rendern von HTML-Dokumenten durch das Injizieren strukturierter Konfigurationsdaten in Vorlagen und die Verwaltung der automatisierten Build-Pipelines, die für die Produktionsbereitstellung erforderlich sind. Das Projekt bietet eine konfigurierbare Asset-Pipeline, die JavaScript mit umgebungsspezifischen Optionen und Source-Maps bündelt und minimiert. Es enthält einen Compiler, der Sass- und PostCSS-Dateien in minimierte, mit Vendor-Präfixen versehene CSS-Stylesheets umwandelt. Die Oberfläche der Build-Automatisierung deckt die Aufgabenorchestrierung, das Projekt-Asset-Management und die Bereinigung von Build-Artefakten ab. Sie enthält zudem Funktionen zur Optimierung von Assets für moderne Netzwerkprotokolle und bietet Integrationshelfer, um Pipelines in bestehende Anwendungsstrukturen zu verbinden.

Fuse-Box ist ein JavaScript-Bundler, Modul-Loader und Entwicklungs-Webserver. Er verpackt JavaScript-Quelldateien in optimierte Bundles für die Ausführung sowohl in Browser- als auch in Serverumgebungen. Das Projekt verwaltet den Frontend-Entwicklungs-Workflow durch die Kombination von Asset-Bundling mit einem lokalen Server, um Anwendungsänderungen in Echtzeit in der Vorschau anzuzeigen. Es enthält eine programmatische API zum Laden und Ausführen von JavaScript-Modulen im Browser. Das System handhabt JavaScript-Asset-Bundling und Modul-Laden durch Dependency-Graph-Analyse und dynamische Entry-Point-Auflösung. Es verwendet eine inkrementelle Build-Pipeline, speicherbasiertes Bundle-Caching und ein virtuelles Dateisystem, um Dateien und Bundles bei Bedarf zu verwalten.