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 is a JavaScript bundler designed for React Native environments. It functions as a system for resolving dependencies, transforming source code, and packaging JavaScript and assets into bundles for execution. The project includes a development bundler server that hosts assets via HTTP and provides hot module replacement. It features a module resolver that handles platform-specific file extensions and a source code transformer that converts code into tree structures for optimization and minification. The toolset covers programmatic bundle generation, source map creation, and file system c

这是一个全栈 JavaScript 脚手架和 MERN 栈项目样板。它提供了一个预配置的项目结构，集成了 MongoDB、Express、React 和 Node.js，旨在减少引导数据驱动型 Web 应用时的手动配置时间。 该工具包具备容器化的全栈环境，通过将应用和数据库隔离在容器中，确保开发与生产环境的一致性。它还包含一个服务端渲染框架，旨在通过服务端生成 HTML 并在客户端进行注水（Hydration），以提升加载速度和搜索引擎可见性。 该项目涵盖了广泛的开发工作流，包括通过命令行界面进行模板化项目脚手架搭建、资源打包以及 JavaScript 转译。此外，它还支持服务端组件预取，以确保页面渲染前数据的可用性。

Blendid 是一个基于 Gulp 的静态站点生成器和资产流水线，旨在将源文件转换为成品网站。它作为一个通过将结构化配置数据注入模板并管理生产交付所需的自动化构建流水线来渲染 HTML 文档的系统。 该项目提供了一个可配置的资产流水线，使用环境特定选项和源映射来打包和压缩 JavaScript。它包含一个将 Sass 和 PostCSS 文件转换为压缩的、带有厂商前缀的 CSS 样式表的编译器。 构建自动化面涵盖任务编排、项目资产管理以及构建工件的清理。它还包括用于优化现代网络协议资产的功能，并提供集成助手以将流水线连接到现有的应用结构中。

Fuse-Box 是一个 JavaScript 打包器、模块加载器和开发 Web 服务器。它将 JavaScript 源文件打包成优化的包，以便在浏览器和服务器环境中执行。 该项目通过结合资产打包与本地服务器来管理前端开发工作流，以实时预览应用程序更改。它包含一个用于在浏览器中加载和执行 JavaScript 模块的编程 API。 该系统通过依赖图分析和动态入口点解析来处理 JavaScript 资产打包和模块加载。它采用增量构建流水线、基于内存的包缓存以及虚拟文件系统来按需管理文件和包。