browserify/browserify-handbook
Browserify Handbook
Das browserify-handbook ist ein umfassender Dokumentationsleitfaden für Browserify, einen CommonJS-Modul-Bundler und JavaScript-Build-Tool. Es erklärt, wie Node.js-artige Module in einzelne JavaScript-Dateien kompiliert werden, um sie in Webbrowsern auszuführen.
Der Leitfaden behandelt die Erstellung von Universal Module Definition (UMD) Bundles, die in Node-, AMD- und Browser-Umgebungen funktionieren. Er erläutert zudem die Verwendung browserkompatibler Polyfills für eingebaute Node.js-Module, um die plattformübergreifende Kompatibilität sicherzustellen.
Das Handbuch beschreibt Funktionen für die Quellcode-Transformation, Frontend-Build-Automatisierung und das Debugging von Webanwendungen. Es behandelt außerdem die Optimierung der Bundle-Größe, das Splitting von Entry-Point-Bundles und die Generierung von Source Maps.
Features
- Dependency Graph Bundlers - Analyzes import statements to construct a dependency graph and merge modules into a single browser bundle.
- JavaScript Module Bundlers - Provides a system to bundle CommonJS modules into a single JavaScript file for browser execution.
- Frontend Build Tools - Provides a build system to compile, bundle, and optimize web-based assets for browser environments.
- JavaScript and TypeScript Build Systems - Implements a build system for transforming source code, polyfilling Node core modules, and optimizing assets for the web.
- Module Bundling - Merges multiple JavaScript files and their dependencies into a single executable file for the browser.
- Node.js Core Shims - Provides browser-compatible shims for Node.js built-in modules to enable cross-platform code execution.
- CommonJS Module Loaders - Implements a CommonJS loading system within the browser by wrapping modules in functions.
- Node.js Browser Emulation - Provides browser-compatible emulations of Node.js built-in modules like buffer and stream.
- Code Splitting Entry Points - Factors shared dependencies into a common file while splitting separate bundles for different entry points.
- Universal Asset Bundles - Browserify generates standalone UMD bundles that function across Node, AMD environments, or as global variables in a browser.
- Bundle Size Optimization - Applies automatic optimizations during the build process to reduce the final output bundle size.
- Source-to-Generated Code Mappings - Generates source maps that link compiled bundle code back to original source files for debugging.
- Hot Module Replacement - Updates specific modules in a running web page in real-time without requiring a full page refresh.
- Source Map Generators - Generates source maps that link compiled bundle offsets back to original source files for debugging.
- Source File Watching - Monitors the dependency graph and automatically regenerates the bundle when source files are modified.
- Source Text Transformation Streams - Implements pluggable stream-based pipelines that modify source code text during the bundling process.
- Compiler Transformation Pipelines - Allows the injection of custom transformation rules into the compiler's processing stream.
- Legacy Module Adapters - Wraps legacy scripts that export global variables into modules to prevent global scope pollution.
- Source Code Transformation Engines - Provides transformation engines to convert non-standard syntax or other languages into browser-ready JavaScript.
- JavaScript Source Transformers - Transforms JavaScript source code through compilation pipelines to support custom syntax or languages.
- Universal Module Definitions - Generates bundles using the Universal Module Definition pattern for compatibility across Node, AMD, and browser globals.
- UMD Generation Tooling - Generates Universal Module Definition bundles that ensure compatibility across Node, AMD, and browser environments.
