browserify/browserify-handbook
Browserify Handbook
browserify-handbook هو دليل توثيقي شامل لـ Browserify، وهو أداة تجميع وحدات CommonJS وأداة بناء JavaScript. يشرح كيفية تجميع وحدات نمط Node.js في ملفات JavaScript واحدة للتنفيذ داخل متصفحات الويب.
يغطي الدليل إنشاء حزم تعريف الوحدات العالمية التي تعمل عبر بيئات Node و AMD والمتصفحات. كما يفصل استخدام polyfills المتوافقة مع المتصفحات لوحدات Node.js المدمجة لضمان التوافق عبر المنصات.
يصف الدليل قدرات تحويل الكود المصدري، وأتمتة بناء الواجهة الأمامية، وتصحيح أخطاء تطبيقات الويب. كما يغطي تحسين حجم الحزمة، وتقسيم حزم نقاط الدخول، وإنشاء خرائط المصدر (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.
