@nrwl/react:mfe-host

Create Module Federation configuration files for given React Host Application.

Usage

nx generate mfe-host ...
nx g h ... #same

By default, Nx will search for mfe-host in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

nx g @nrwl/react:mfe-host ...

Show what will be generated without writing to disk:

nx g mfe-host ... --dry-run

Options

classComponent

C
boolean
Default: false

Use class components instead of functional component.

compiler

string
Default: babel
Accepted values: babel, swc

The compiler to use

directory

dir
string

The directory of the new application.

devServerPort

number

The port for the dev server of the remote app.

e2eTestRunner

string
Default: cypress
Accepted values: cypress, none

Test runner to use for end to end (e2e) tests.

globalCss

boolean
Default: false

Default is false. When true, the component is generated with .css/.scss instead of .module.css/.module.scss

js

boolean
Default: false

Generate JavaScript files rather than TypeScript files.

linter

string
Default: eslint
Accepted values: eslint, tslint

The tool to use for running lint checks.

name

Required
string
Pattern: ^[a-zA-Z].*$

The name of the host application to generate the Module Federation configuration

pascalCaseFiles

P
boolean
Default: false

Use pascal case component file name (e.g. App.tsx).

remotes

Array<anything>
Default: []

A list of remote application names that the host application should consume.

style

s
string
Default: css

The file extension to be used for style files.

skipFormat

boolean
Default: false

Skip formatting files.

skipWorkspaceJson

boolean
Default: false

Skip updating workspace.json with default options based on values provided to this app (e.g. babel, style).

strict

boolean
Default: true

Creates an application with strict mode and strict type checking

setParserOptionsProject

boolean
Default: false

Whether or not to configure the ESLint "parserOptions.project" option. We do not do this by default for lint performance reasons.

standaloneConfig

boolean

Split the project configuration into <projectRoot>/project.json rather than including it inside workspace.json

tags

t
string

Add tags to the application (used for linting).

unitTestRunner

string
Default: jest
Accepted values: jest, none

Test runner to use for unit tests.