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 este un bundler JavaScript conceput pentru medii React Native. Funcționează ca un sistem pentru rezolvarea dependențelor, transformarea codului sursă și împachetarea JavaScript-ului și a activelor în bundle-uri pentru execuție. Proiectul include un server de bundler pentru dezvoltare care găzduiește activele prin HTTP și oferă hot module replacement. Dispune de un resolver de module care gestionează extensiile de fișiere specifice platformei și un transformator de cod sursă care convertește codul în structuri arborescente pentru optimizare și minificare. Setul de instrumente acoperă generarea programatică de bundle-uri, crearea de source map-uri și caching-ul sistemului de fișiere pentru a evita transformările redundante. De asemenea, oferă capabilități pentru gestionarea activelor, injectarea de polyfill-uri și configurarea securizată a serverului folosind certificate TLS pentru endpoint-uri criptate. Instrumentele de monitorizare sunt incluse pentru a urmări starea bundler-ului și a înregistra metadatele de performanță pentru evenimentele de pornire și actualizare.

Acest proiect este un scaffold JavaScript full-stack și un boilerplate de proiect MERN stack. Oferă o structură de proiect pre-configurată care combină MongoDB, Express, React și Node.js pentru a reduce timpul de configurare manuală la inițializarea aplicațiilor web bazate pe date. Toolkit-ul dispune de un mediu full-stack dockerizat care izolează aplicația și baza de date în containere pentru a asigura consistența între dezvoltare și producție. Include, de asemenea, un framework de randare pe partea de server conceput pentru a genera HTML pe server și a hidrata pe client pentru a îmbunătăți viteza de încărcare și vizibilitatea în motoarele de căutare. Proiectul acoperă un flux de lucru de dezvoltare larg, inclusiv scaffolding-ul proiectului bazat pe template-uri printr-o interfață de linie de comandă, bundling-ul de asset-uri și transpilararea JavaScript. Suportă, de asemenea, pre-fetching-ul componentelor pe partea de server pentru a asigura disponibilitatea datelor înainte de randarea paginii.

Blendid este un generator de site-uri statice bazat pe Gulp și un pipeline de active conceput pentru a transforma fișierele sursă în site-uri web finite. Acesta funcționează ca un sistem pentru randarea documentelor HTML prin injectarea datelor de configurare structurate în template-uri și gestionarea pipeline-urilor de build automatizate necesare pentru livrarea în producție. Proiectul oferă un pipeline de active configurabil care bundle-uiește și minifică JavaScript cu opțiuni specifice mediului și source maps. Include un compilator care transformă fișierele Sass și PostCSS în stiluri CSS minificate și cu prefixe de vendor. Suprafața de automatizare a build-ului acoperă orchestrarea sarcinilor, gestionarea activelor proiectului și curățarea artefactelor de build. De asemenea, include funcționalități pentru optimizarea activelor pentru protocoalele de rețea moderne și furnizarea de ajutoare de integrare pentru a conecta pipeline-urile în structurile de aplicații existente.

Fuse-Box este un bundler JavaScript, încărcător de module și server web de dezvoltare. Împachetează fișierele sursă JavaScript în bundle-uri optimizate pentru execuție atât în medii de browser, cât și de server. Proiectul gestionează fluxul de lucru de dezvoltare front-end prin combinarea bundling-ului de active cu un server local pentru a previzualiza modificările aplicației în timp real. Include un API programatic pentru încărcarea și executarea modulelor JavaScript în browser. Sistemul gestionează bundling-ul activelor JavaScript și încărcarea modulelor prin analiza grafului de dependențe și rezoluția dinamică a punctelor de intrare. Utilizează un pipeline de build incremental, caching de bundle-uri bazat pe memorie și un sistem de fișiere virtual pentru a gestiona fișierele și bundle-urile la cerere.