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 est un bundler JavaScript conçu pour les environnements React Native. Il fonctionne comme un système pour résoudre les dépendances, transformer le code source et empaqueter JavaScript et les actifs dans des bundles pour l'exécution. Le projet inclut un serveur de bundler de développement qui héberge les actifs via HTTP et fournit le remplacement de module à chaud (hot module replacement). Il dispose d'un résolveur de module qui gère les extensions de fichiers spécifiques à la plateforme et un transformateur de code source qui convertit le code en structures d'arbre pour l'optimisation et la minification. La boîte à outils couvre la génération de bundle par programmation, la création de source maps et la mise en cache du système de fichiers pour éviter les transformations redondantes. Elle fournit également des capacités pour la gestion des actifs, l'injection de polyfills et la configuration de serveur sécurisée utilisant des certificats TLS pour les endpoints chiffrés. Des outils de surveillance sont inclus pour suivre le statut du bundling et enregistrer les métadonnées de performance pour les événements de démarrage et de mise à jour.

Ce projet est un scaffold JavaScript full-stack et un boilerplate de projet MERN stack. Il fournit une structure de projet pré-configurée combinant MongoDB, Express, React et Node.js pour réduire le temps de configuration manuelle lors de l'amorçage d'applications web pilotées par les données. La boîte à outils présente un environnement full-stack dockerisé qui isole l'application et la base de données dans des conteneurs pour assurer la cohérence entre le développement et la production. Elle inclut également un framework de rendu côté serveur conçu pour générer du HTML sur le serveur et hydrater sur le client pour améliorer les vitesses de chargement et la visibilité sur les moteurs de recherche. Le projet couvre un large workflow de développement, incluant le scaffolding de projet basé sur template via une interface en ligne de commande, le bundling d'assets et la transpilation JavaScript. Il prend en charge davantage le pré-fetching de composants côté serveur pour assurer la disponibilité des données avant le rendu de la page.

Blendid est un générateur de site statique basé sur Gulp et un pipeline d'actifs conçu pour transformer les fichiers sources en sites web finis. Il fonctionne comme un système pour rendre des documents HTML en injectant des données de configuration structurées dans des modèles et en gérant les pipelines de construction automatisés requis pour la livraison en production. Le projet fournit un pipeline d'actifs configurable qui regroupe et minifie JavaScript avec des options spécifiques à l'environnement et des cartes sources. Il inclut un compilateur qui transforme les fichiers Sass et PostCSS en feuilles de style CSS minifiées et préfixées par les fournisseurs. La surface d'automatisation de la construction couvre l'orchestration des tâches, la gestion des actifs du projet et le nettoyage des artefacts de construction. Elle inclut également des fonctionnalités pour optimiser les actifs pour les protocoles réseau modernes et fournir des aides à l'intégration pour connecter les pipelines aux structures d'application existantes.

Fuse-Box est un bundler JavaScript, un chargeur de modules et un serveur web de développement. Il package les fichiers sources JavaScript en bundles optimisés pour l'exécution dans les environnements navigateur et serveur. Le projet gère le workflow de développement frontend en combinant le bundling d'assets avec un serveur local pour prévisualiser les changements d'application en temps réel. Il inclut une API par programmation pour charger et exécuter des modules JavaScript dans le navigateur. Le système gère le bundling d'assets JavaScript et le chargement de modules via l'analyse du graphe de dépendances et la résolution dynamique des points d'entrée. Il emploie un pipeline de build incrémental, une mise en cache des bundles en mémoire et un système de fichiers virtuel pour gérer les fichiers et les bundles à la demande.