browserify/browserify-handbook
Browserify Handbook
browserify-handbook 是一份关于 Browserify 的综合文档指南，Browserify 是一个 CommonJS 模块打包器和 JavaScript 构建工具。它解释了如何将 Node.js 风格的模块编译为单个 JavaScript 文件，以便在 Web 浏览器中执行。
该指南涵盖了通用模块定义（UMD）包的生成，这些包可在 Node、AMD 和浏览器环境中运行。它还详细介绍了如何使用与浏览器兼容的 Polyfill 来处理 Node.js 内置模块，以确保跨平台兼容性。
该手册描述了源代码转换、前端构建自动化和 Web 应用调试的功能。它还涵盖了包大小优化、入口点拆分以及 Source Map 的生成。
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.
