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 هو مجمع JavaScript مصمم لبيئات React Native. يعمل كنظام لحل التبعيات، وتحويل الكود المصدري، وتعبئة JavaScript والأصول في حزم للتنفيذ. يتضمن المشروع خادم تجميع للتطوير يستضيف الأصول عبر HTTP ويوفر استبدال الوحدات الساخن (hot module replacement). يتميز بمحلل وحدات يتعامل مع امتدادات الملفات الخاصة بالمنصة ومحول كود مصدري يحول الكود إلى هياكل شجرية للتحسين والتصغير. تغطي مجموعة الأدوات توليد الحزم برمجياً، وإنشاء خرائط المصدر، والتخزين المؤقت لنظام الملفات لتجنب التحويلات المتكررة. كما توفر قدرات لإدارة الأصول، وحقن polyfill، وتكوين خادم آمن باستخدام شهادات TLS لنقاط النهاية المشفرة. يتم تضمين أدوات المراقبة لتتبع حالة التجميع وتسجيل بيانات الأداء الوصفية لأحداث البدء والتحديث.

هذا المشروع عبارة عن سقالة JavaScript كاملة المكدس ونموذج أولي لمشروع MERN stack. يوفر بنية مشروع مهيأة مسبقاً تجمع بين MongoDB و Express و React و Node.js لتقليل وقت الإعداد اليدوي عند بدء تطبيقات الويب المدفوعة بالبيانات. تتميز مجموعة الأدوات ببيئة كاملة المكدس داخل حاويات تعزل التطبيق وقاعدة البيانات في حاويات لضمان الاتساق بين التطوير والإنتاج. كما تتضمن إطار عمل للعرض من جانب الخادم مصمماً لتوليد HTML على الخادم والترطيب على العميل لتحسين سرعات التحميل ورؤية محركات البحث. يغطي المشروع سير عمل تطوير واسع، بما في ذلك سقالات المشروع القائمة على القوالب عبر واجهة سطر الأوامر، وتجميع الأصول، وتحويل JavaScript. كما يدعم الجلب المسبق لمكونات جانب الخادم لضمان توفر البيانات قبل عرض الصفحة.

Blendid هو مولد مواقع ثابتة قائم على Gulp وخط أنابيب أصول مصمم لتحويل ملفات المصدر إلى مواقع ويب جاهزة. يعمل كنظام لتقديم مستندات HTML عن طريق حقن بيانات التهيئة المهيكلة في القوالب وإدارة خطوط أنابيب البناء المؤتمتة المطلوبة لتسليم الإنتاج. يوفر المشروع خط أنابيب أصول قابل للتهيئة يقوم بتجميع وتصغير JavaScript مع خيارات خاصة بالبيئة وخرائط المصدر. يتضمن مجمعًا يحول ملفات Sass و PostCSS إلى أوراق أنماط CSS مصغرة ومسبقة البادئة للبائع. يغطي سطح أتمتة البناء تنسيق المهام، وإدارة أصول المشروع، وتنظيف قطع البناء الأثرية. كما يتضمن ميزات لتحسين الأصول لبروتوكولات الشبكة الحديثة وتوفير مساعدي التكامل لربط خطوط الأنابيب بهياكل التطبيقات الحالية.

Fuse-Box هو مجمع JavaScript، ومحمل وحدات، وخادم ويب للتطوير. يقوم بتجميع ملفات مصدر JavaScript في حزم محسنة للتنفيذ في كل من بيئات المتصفح والخادم. يدير المشروع سير عمل تطوير الواجهة الأمامية من خلال الجمع بين تجميع الأصول وخادم محلي لمعاينة تغييرات التطبيق في الوقت الفعلي. يتضمن واجهة برمجة تطبيقات برمجية لتحميل وتنفيذ وحدات JavaScript في المتصفح. يتعامل النظام مع تجميع أصول JavaScript وتحميل الوحدات من خلال تحليل رسم بياني للتبعية ودقة نقطة الدخول الديناميكية. يستخدم خط أنابيب بناء تزايدي، وتخزين مؤقت للحزم في الذاكرة، ونظام ملفات افتراضي لإدارة الملفات والحزم عند الطلب.