@module-federation/metro-plugin-rnef

Module Federation for React Native Enterprise Framework (RNEF) using Metro bundler. This plugin integrates the @module-federation/metro package with RNEF, providing commands to bundle Module Federation host and remotes.

Installation

1. First, ensure you have RNEF set up in your project.

2. Install the plugin:

``bash
npm install --save-dev @module-federation/metro-plugin-rnef
`

3. Add the plugin to your RNEF configuration (typically in rnef.config.mjs):

`typescript
import { pluginMetro } from "@rnef/plugin-metro";
import moduleFederation from "@module-federation/metro-plugin-rnef";

/* @type {import('@rnef/config').Config} /
export default {
bundler: pluginMetro(),
plugins: [moduleFederation()],
};
`

Usage

$3

`bash


Bundle for iOS

`bash


Bundle for iOS

#### bundle-mf-host

- --entry-file : Path to the root JavaScript entry file
- --platform : Target platform (default: "ios") - Either "ios" or "android"
- --transformer : Specify a custom transformer
- --dev [boolean]: If false, warnings are disabled and the bundle is minified (default: true)
- --minify [boolean]: Allows overriding whether bundle is minified. This defaults to false if dev is true, and true if dev is false. Disabling minification can be useful for speeding up production builds for testing purposes.
- --bundle-output : File path where to store the resulting bundle
- --bundle-encoding : Encoding the bundle should be written in (default: "utf8")
- --resolver-option : Custom resolver options (key=value format, URL-encoded, can be specified multiple times)
- --sourcemap-output : File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map
- --sourcemap-sources-root : Path to make sourcemap's sources entries relative to, ex. /root/dir
- --sourcemap-use-absolute-path: Report SourceMapURL using its full path (default: false)
- --max-workers : Specifies the maximum number of workers the worker-pool will spawn for transforming files. This defaults to the number of the cores available on your machine.
- --assets-dest : Directory name where to store assets referenced in the bundle
- --reset-cache: Removes cached files (default: false)
- --read-global-cache: Try to fetch transformed JS code from the global cache, if configured (default: false)
- --config : Path to the CLI configuration file

#### bundle-mf-remote

- --platform : Target platform (default: "ios") - Either "ios" or "android"
- --dev [boolean]: If false, warnings are disabled and the bundle is minified (default: true)
- --minify [boolean]: Allows overriding whether bundle is minified. This defaults to false if dev is true, and true if dev is false. Disabling minification can be useful for speeding up production builds for testing purposes.
- --bundle-encoding : Encoding the bundle should be written in (default: "utf8")
- --max-workers : Specifies the maximum number of workers the worker-pool will spawn for transforming files. This defaults to the number of the cores available on your machine.
- --bundle-output : File path where to store the resulting bundle
- --sourcemap-output : File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map
- --sourcemap-sources-root : Path to make sourcemap's sources entries relative to, ex. /root/dir
- --sourcemap-use-absolute-path: Report SourceMapURL using its full path (default: false)
- --assets-dest : Directory name where to store assets referenced in the bundle
- --asset-catalog-dest [string]: Path where to create an iOS Asset Catalog for images
- --reset-cache: Removes cached files (default: false)
- --config `: Path to the CLI configuration file