browserify/browserify-handbook
Browserify Handbook
browserify-handbook es una guía de documentación completa para Browserify, un empaquetador de módulos CommonJS y herramienta de construcción para JavaScript. Explica cómo compilar módulos al estilo de Node.js en archivos JavaScript únicos para su ejecución dentro de navegadores web.
La guía cubre la generación de paquetes de definición de módulos universales que funcionan en entornos Node, AMD y navegadores. También detalla el uso de polyfills compatibles con navegadores para los módulos integrados de Node.js, asegurando la compatibilidad multiplataforma.
El manual describe capacidades para la transformación de código fuente, automatización de compilación frontend y depuración de aplicaciones web. También cubre la optimización del tamaño del paquete, la división de paquetes en puntos de entrada y la generación de mapas de origen (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.
