# browserify/browserify-handbook

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/browserify-browserify-handbook).**

4,595 stars · 291 forks · JavaScript · NOASSERTION

## Links

- GitHub: https://github.com/browserify/browserify-handbook
- awesome-repositories: https://awesome-repositories.com/repository/browserify-browserify-handbook.md

## Description

The browserify-handbook is a comprehensive documentation guide for Browserify, a CommonJS module bundler and JavaScript build tool. It explains how to compile Node.js style modules into single JavaScript files for execution within web browsers.

The guide covers the generation of universal module definition bundles that function across Node, AMD, and browser environments. It also details the use of browser-compatible polyfills for Node.js built-in modules to ensure cross-platform compatibility.

The manual describes capabilities for source code transformation, frontend build automation, and web application debugging. It also covers bundle size optimization, entry point bundle splitting, and the generation of source maps.

## Tags

### Development Tools & Productivity

- [Dependency Graph Bundlers](https://awesome-repositories.com/f/development-tools-productivity/dependency-graph-bundlers.md) — Analyzes import statements to construct a dependency graph and merge modules into a single browser bundle.
- [Frontend Build Tools](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/frontend-build-tools.md) — Provides a build system to compile, bundle, and optimize web-based assets for browser environments.
- [JavaScript and TypeScript Build Systems](https://awesome-repositories.com/f/development-tools-productivity/javascript-and-typescript-build-systems.md) — Implements a build system for transforming source code, polyfilling Node core modules, and optimizing assets for the web.
- [Module Bundling](https://awesome-repositories.com/f/development-tools-productivity/source-bundling/module-bundling.md) — Merges multiple JavaScript files and their dependencies into a single executable file for the browser.
- [Code Splitting Entry Points](https://awesome-repositories.com/f/development-tools-productivity/build-isolation-tools/entry-point-isolation/code-splitting-entry-points.md) — Factors shared dependencies into a common file while splitting separate bundles for different entry points. ([source](https://github.com/browserify/browserify-handbook#readme))
- [Universal Asset Bundles](https://awesome-repositories.com/f/development-tools-productivity/bundle-distribution-tooling/asset-bundling/universal-asset-bundles.md) — Browserify generates standalone UMD bundles that function across Node, AMD environments, or as global variables in a browser. ([source](https://github.com/browserify/browserify-handbook/blob/master/readme.markdown))
- [Bundle Size Optimization](https://awesome-repositories.com/f/development-tools-productivity/bundle-size-optimization.md) — Applies automatic optimizations during the build process to reduce the final output bundle size. ([source](https://github.com/browserify/browserify-handbook#readme))
- [Source-to-Generated Code Mappings](https://awesome-repositories.com/f/development-tools-productivity/code-translation-mappings/error-code-documentation-mappings/source-to-generated-code-mappings.md) — Generates source maps that link compiled bundle code back to original source files for debugging.
- [Hot Module Replacement](https://awesome-repositories.com/f/development-tools-productivity/hot-module-replacement.md) — Updates specific modules in a running web page in real-time without requiring a full page refresh. ([source](https://github.com/browserify/browserify-handbook/blob/master/readme.markdown))
- [Source Map Generators](https://awesome-repositories.com/f/development-tools-productivity/source-map-generators.md) — Generates source maps that link compiled bundle offsets back to original source files for debugging. ([source](https://github.com/browserify/browserify-handbook#readme))
- [Source File Watching](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/development-automation/development-rebuild-triggers/source-file-watching.md) — Monitors the dependency graph and automatically regenerates the bundle when source files are modified. ([source](https://github.com/browserify/browserify-handbook/blob/master/readme.markdown))

### Programming Languages & Runtimes

- [JavaScript Module Bundlers](https://awesome-repositories.com/f/programming-languages-runtimes/javascript-module-bundlers.md) — Provides a system to bundle CommonJS modules into a single JavaScript file for browser execution.
- [Node.js Core Shims](https://awesome-repositories.com/f/programming-languages-runtimes/node-js-core-shims.md) — Provides browser-compatible shims for Node.js built-in modules to enable cross-platform code execution.
- [Legacy Module Adapters](https://awesome-repositories.com/f/programming-languages-runtimes/language-ecosystems-tooling/module-management/module-systems/es-module-integrations/legacy-module-adapters.md) — Wraps legacy scripts that export global variables into modules to prevent global scope pollution. ([source](https://github.com/browserify/browserify-handbook#readme))
- [Source Code Transformation Engines](https://awesome-repositories.com/f/programming-languages-runtimes/source-code-compilers/source-code-templates/source-code-transformation-engines.md) — Provides transformation engines to convert non-standard syntax or other languages into browser-ready JavaScript. ([source](https://github.com/browserify/browserify-handbook#readme))
- [JavaScript Source Transformers](https://awesome-repositories.com/f/programming-languages-runtimes/source-code-compilers/source-code-templates/source-code-transformation-engines/javascript-source-parsers/javascript-source-transformers.md) — Transforms JavaScript source code through compilation pipelines to support custom syntax or languages.
- [Universal Module Definitions](https://awesome-repositories.com/f/programming-languages-runtimes/universal-module-definitions.md) — Generates bundles using the Universal Module Definition pattern for compatibility across Node, AMD, and browser globals.
- [UMD Generation Tooling](https://awesome-repositories.com/f/programming-languages-runtimes/universal-module-definitions/umd-generation-tooling.md) — Generates Universal Module Definition bundles that ensure compatibility across Node, AMD, and browser environments.

### Software Engineering & Architecture

- [CommonJS Module Loaders](https://awesome-repositories.com/f/software-engineering-architecture/pluggable-module-loading/commonjs-module-loaders.md) — Implements a CommonJS loading system within the browser by wrapping modules in functions.

### Web Development

- [Node.js Browser Emulation](https://awesome-repositories.com/f/web-development/node-js-browser-emulation.md) — Provides browser-compatible emulations of Node.js built-in modules like buffer and stream.

### DevOps & Infrastructure

- [Source Text Transformation Streams](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/cicd-pipeline-management/build-pipelines/plugin-based-transformation-pipelines/source-text-transformation-streams.md) — Implements pluggable stream-based pipelines that modify source code text during the bundling process.
- [Compiler Transformation Pipelines](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-pipeline-extensions/build-plugins/plugin-compilation-automation/compiler-transformation-pipelines.md) — Allows the injection of custom transformation rules into the compiler's processing stream. ([source](https://github.com/browserify/browserify-handbook/blob/master/readme.markdown))