Open-source alternatives to Browserify Handbook

Brunch is a frontend build tool and JavaScript asset bundler designed to automate the transformation of source code into production-ready assets. It functions as an incremental build system that monitors the filesystem for changes to rebuild only modified components, and it serves as a project scaffolding engine for initializing application structures via predefined skeletons and code boilerplates. The tool utilizes a plugin-based transformation pipeline to compile and optimize JavaScript and CSS files for browser delivery. It distinguishes itself through the use of multi-core build paralleli

Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p

This repository is a collection of Webpack configuration examples and JavaScript module bundler demonstrations. It provides asset pipeline tutorials and frontend build tool examples focused on resolving dependencies and merging multiple modules into optimized browser files. The project demonstrates how to configure Webpack for transforming JavaScript assets, including the use of loaders and plugins to process JSX, CSS, and images into browser-ready formats. It includes practical examples of code splitting, minification, and environment variable injection. The covered capabilities include fro

Microbundle is a zero-configuration JavaScript module bundler designed to package small libraries and modules into optimized distribution files. It serves as a JavaScript library packager and TypeScript compiler, converting source code into compatible module formats for both browser and server-side runtimes. The tool functions as a bundle size optimizer by mangling object properties and analyzing bundle composition to reduce final file sizes. It also acts as a CSS module processor, converting style imports into external stylesheets or scoped modules to prevent global namespace collisions. It

ncc is a Node.js build tool and project bundler that compiles a project and its dependencies into a single JavaScript file. It functions as a single-file JavaScript bundler and TypeScript compiler, converting type-annotated source files into standard JavaScript compatible with the Node.js runtime. The tool focuses on serverless function optimization by reducing the number of files and dependencies in a deployment package to improve portability and cold start times. It automates the software release workflow by integrating the compilation and bundling process into programmatic scripts. The pr

This project provides a standardized development environment and infrastructure for creating, testing, and publishing JavaScript and TypeScript libraries. It serves as a comprehensive toolkit for managing the entire software lifecycle, from initial project scaffolding to the final distribution of production-ready code. The project distinguishes itself by integrating automated release pipelines and continuous integration workflows directly into the development process. It enforces strict quality standards through pre-configured hooks that handle linting, formatting, and commit message validati

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

wmr is a web application development tool and build system that functions as an ES modules bundler, static site generator, and local development server. It provides a complete environment for creating modern web applications, combining a production compiler with a server that supports hot reloading. The project is distinguished by its integrated approach to background scripts and routing, serving as both a service worker bundler and a tool for filesystem-based routing. It enables the generation of static HTML via prerendering and provides native integration for spawning web workers to handle

create-react-library is a command-line generator and development environment designed for creating reusable React component libraries. It scaffolds the necessary project structure and build pipelines required to develop, bundle, and publish JavaScript modules to a registry. The tool provides a development loop that links the library source directory to a companion example application, enabling real-time updates and live previews. It also includes a deployment pipeline that transforms example applications into production builds for hosting as public documentation. The build system manages mul

esm.sh is a proxy-based registry and distribution system for buildless web development. It retrieves packages from external registries and serves them as ES modules directly to the browser, eliminating the need for a local build step. The project transforms TypeScript, JSX, TSX, and Vue files into browser-compatible JavaScript on the fly during the request process. It handles Node.js built-in resolution by mapping internal modules to browser-compatible polyfills and manages dependency versioning and aliasing through URL query parameters. The system optimizes delivery via request-time tree sh

Assetic is a frontend build tool and asset pipeline manager for PHP applications. It functions as a static asset optimizer and compiler that transforms, organizes, and exports CSS and JavaScript files to disk for service by a web server. The system uses a filter-based transformation pipeline to convert preprocessor languages into standard web formats and minify code for production environments. It incorporates a versioning system that assigns unique timestamps or identifiers to filenames to prevent browsers from loading outdated cached assets. The tool manages static file bundling by merging

nwb is a zero-configuration build toolchain, module bundler, and development server for JavaScript and JSX applications and libraries. It functions as a build system that automatically derives compiler and bundler settings from a project's installed dependencies to remove manual setup. The tool is distinguished by its ability to act as a library compiler, generating multiple distribution formats such as ESM and CJS from a single source for package manager compatibility. It also includes a dedicated headless browser test runner that executes unit tests with integrated watch mode and code cover

This project is a command-line utility designed to automate the initialization and maintenance of React application environments. It provides a structured foundation for new projects by scaffolding pre-configured build settings, directory layouts, and testing environments, allowing developers to jumpstart their workflows with standardized configurations. The tool distinguishes itself through its integrated approach to both project scaffolding and ongoing development tasks. Beyond initial setup, it includes generators for creating standardized user interface components, complete with associate

Haul is a mobile application development tool that functions as a JavaScript module bundler, TypeScript transpiler, and development server for mobile environments. It provides a command line interface to manage the build pipeline and serve application bundles to connected devices. The tool utilizes Webpack to compile and package JavaScript and TypeScript code specifically for React Native development. It distinguishes itself through a specialized build pipeline that transforms type-safe code into compatible JavaScript for mobile runtimes. The platform covers comprehensive build and tooling c

Connect-assets is a Node.js asset pipeline and frontend build tool designed to manage the compilation, minification, and serving of scripts and stylesheets. It functions as a static asset bundler that resolves dependency graphs to concatenate source files into optimized bundles, reducing the number of network requests required for page delivery. The tool distinguishes itself by integrating directly into the development lifecycle through middleware that intercepts HTTP requests to compile and serve assets on demand. For production environments, it provides a command-line interface to precompil

Component is a frontend build tool and package manager designed for modular web application development. It functions as an asset pipeline orchestrator and module dependency resolver, fetching and organizing local or remote code packages according to specific versioning rules. The system provides a development environment that supports local module linking via symlinks for real-time testing without publishing to a registry. It includes a programmable build pipeline to transform scripts and styles into production assets and an event-driven file watching system to trigger automatic recompilatio

css-loader is a Webpack module that transforms CSS files into JavaScript modules and resolves their internal dependencies during the bundling process. It acts as a CSS asset resolver, translating import rules and url functions into module identifiers to integrate stylesheets into a dependency graph. The project implements CSS Modules to prevent global style collisions by scoping class and ID selectors locally with unique identifiers. It includes a system for Interoperable CSS (ICSS), enabling the sharing and composition of styles across different classes and modules through reusable value dec

This project is a source map implementation library used for generating, parsing, and consuming source maps. It provides the functional components necessary to link transformed or minified code back to original source files, acting as a tool for code transformation debugging. The library includes a source map composer for building trees of code snippets that automatically produce output strings and mappings. It also functions as a source map merger, providing mechanisms to chain and merge multiple maps to resolve multi-step code transformations across different build stages. The project cove

This project is a suite of abstract syntax tree transformation tools designed to automate the migration of source code to newer versions of React. It provides a set of scripts that programmatically modify code structures to replace deprecated APIs and component patterns with modern equivalents. The toolkit specializes in converting class components into functional components using arrow functions and prop destructuring. It also includes utilities for modernizing JSX syntax, updating deprecated lifecycle methods to stable versions, and migrating legacy string-based references to callback refs.

Optimize-js is a JavaScript parsing optimizer designed to reduce the time browsers spend pre-parsing scripts to improve initial execution speed. It transforms source code to minimize the overhead associated with browser parsing. The project implements a technique that wraps function calls in parentheses to bypass initial pre-parsing and reduce double-parsing overhead. To maintain the utility of the transformed code, it includes a source map generator that links the optimized output back to the original source. The toolset also includes performance benchmarking capabilities to measure the exa

magic-string is a low-level JavaScript library designed for compilers and bundlers to perform source code transformations. It serves as a string transformation utility and source map manipulation library that allows for modifying text while automatically tracking character offsets. The library enables the modification of source code strings through insertions, replacements, and removals without losing the relationship to original source positions. It specifically provides mechanisms to generate mapping files that link transformed output text back to original source file coordinates. Capabili

webpack-dev-server is a local web server designed to serve webpack bundles and trigger browser refreshes when source files change. It functions as a development environment that hosts bundled applications and provides a live reloading workflow. The project distinguishes itself by supporting hot module replacement to update modules in a running application without a full page reload. It also acts as an HTTP proxy to redirect network request paths to different backends and provides history API fallbacks specifically for hosting single-page applications. The server includes capabilities for mon

Wepy is a mini program development framework used to build modular user interfaces through a component-based development style. It functions as a component-based UI framework that enables the creation of reusable interface elements sharing state and logic across different platform targets. The project includes a TypeScript build pipeline that transforms TypeScript, CSS pre-processors, and template engines into browser-ready assets. It also serves as an asynchronous API wrapper that converts callback-based functions into promises to simplify asynchronous control flow. The framework covers cro

This is a collection of official extensions for the Rollup bundling process. These plugins serve as module transformers, resolution managers, and bundle optimizers designed to modify how JavaScript modules are processed, resolved, and optimized. The suite provides specialized capabilities for modern web transpilation, converting TypeScript, JSX, Flow, and GraphQL into compatible JavaScript. It distinguishes itself through extensive non-JavaScript asset integration, allowing the import of JSON, YAML, CSV, and image files as JavaScript modules or data URIs, and providing support for bundling We

This project provides a universal module definition pattern and JavaScript module wrapper. It establishes a standardized methodology for distributing JavaScript libraries that function across CommonJS, AMD, and browser global environments. The system uses an adapter approach to bridge different module systems, allowing a single file to operate in both Node.js and client-side browser environments without modification. This includes specific patterns for creating jQuery plugins that maintain compatibility across modular loaders and global scopes. The codebase implements environment-detection l

Scala.js is a compiler and cross-platform language toolchain that transforms Scala source code into JavaScript or WebAssembly. It functions as a statically typed tool for the JavaScript ecosystem, enabling the development of applications for web browsers and Node.js environments. The project serves as a JavaScript interop framework, allowing the creation of type-safe facades and bindings to interact with external libraries and global objects. It provides mechanisms for both static and dynamic JavaScript invocation, including the generation of TypeScript bindings and the ability to export inte

react-slingshot is a JavaScript frontend boilerplate and starter kit designed to bootstrap React applications. It provides a pre-configured foundation that integrates React and Redux for state management, alongside routing and a unidirectional data flow. The project features an integrated build pipeline that handles Babel transpilation, Sass compilation, and module bundling. It includes a development environment with hot module replacement and source maps for rapid iteration, as well as production optimization tools for minifying assets and analyzing bundle size. The toolkit covers a broad s