react/metro
Metro
Metro ist ein JavaScript-Bundler, der für React-Native-Umgebungen konzipiert ist. Er fungiert als System zur Auflösung von Abhängigkeiten, zur Transformation von Quellcode und zur Paketierung von JavaScript und Assets in Bundles für die Ausführung.
Das Projekt beinhaltet einen Entwicklungs-Bundler-Server, der Assets via HTTP hostet und Hot Module Replacement bietet. Es verfügt über einen Modul-Resolver, der plattformspezifische Dateierweiterungen handhabt, sowie einen Quellcode-Transformator, der Code zur Optimierung und Minifizierung in Baumstrukturen konvertiert.
Das Toolset deckt die programmatische Bundle-Generierung, die Erstellung von Source-Maps und das Dateisystem-Caching ab, um redundante Transformationen zu vermeiden. Es bietet zudem Funktionen für Asset-Management, Polyfill-Injektion und sichere Serverkonfiguration unter Verwendung von TLS-Zertifikaten für verschlüsselte Endpunkte.
Überwachungstools sind enthalten, um den Bundling-Status zu verfolgen und Performance-Metadaten für Start- und Update-Events zu protokollieren.
Features
- React Native Bundlers - Packages JavaScript code and assets into single bundles optimized for execution within React Native applications.
- JavaScript Bundling Workflows - Resolves dependencies from a root file to create a packaged JavaScript bundle with minification and platform targeting.
- Bundled Asset Serving - Serves generated JavaScript bundles and assets via a local HTTP server for rapid development deployment.
- Development Bundler Servers - Runs a local HTTP server to handle requests for bundles and assets during active development.
- Module Dependency Graphs - Traverses import trees to build a complete directed graph of required modules and assets.
- Module Resolution - Defines how the bundler locates files using source extensions, package entry fields, and custom algorithms.
- Module Resolvers - Provides a configurable lookup engine that resolves file paths and package entry fields based on a root file.
- Source Code Transformation Engines - Converts source code into intermediate tree structures through a pluggable transformation pipeline before bundling.
- JavaScript Source Transformers - Provides a transformation pipeline that converts source code into tree structures for optimization and minification.
- React Native - Functions as a specialized bundler that resolves dependencies and packages code specifically for React Native environments.
- Build Caches - Uses storage adapters to persist processed modules on disk to prevent redundant work across build cycles.
- Programmatic Bundle APIs - Provides a promise-based programmatic interface to generate bundles, source maps, and assets for build automation.
- Development Servers - Ships a local server providing hot module replacement to accelerate frontend and application iteration.
- Asynchronous Bundle Pipelines - Executes the bundling process as an asynchronous pipeline returning the final assets and source maps.
- Source Map Generators - Generates mapping files to correlate transformed production code back to the original source for debugging.
- Platform-Specific Source Resolution - Automatically selects source files by matching platform-specific extensions during the module discovery phase.
- Development Workflow Tools - Runs a local development server to deliver bundles and assets to mobile devices during active coding.
- Persistent Module Caches - Persists processed module outputs and symbol tables on disk to avoid redundant transformations across build cycles.
- Platform-Suffix Asset Resolution - Retrieves correct file paths for assets based on platform suffixes or resolution requirements.
- Pluggable Compiler Integrations - Allows replacing the default compiler or minifier to customize source code processing and optimization.
- Source Directory Configuration - Controls which folders are scanned for source files and excludes paths using regular expressions.
- Build Automation Pipelines - Programmatically generates bundles and source maps to integrate into automated deployment or build pipelines.
