@nrwl/react:host

Create Module Federation configuration files for given React Host Application.

Usage

nx generate host ...

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

You can specify the collection explicitly as follows:

nx g @nrwl/react:host ...

Show what will be generated without writing to disk:

nx g host ... --dry-run

Options

name

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

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

directory

dir
string

The directory of the new application.

devServerPort

number
Default: 4200

The port for the dev server of the remote app.

remotes

Array<anything>
Default: []

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

classComponent

C
boolean
Default: false

Use class components instead of functional component.

compiler

string
Default: babel
Accepted values: babel, swc

The compiler to use

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

The tool to use for running lint checks.

pascalCaseFiles

P
boolean
Default: false

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

style

s
string
Default: css

The file extension to be used for style files.

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.

ssr

boolean
Default: false

Whether to configure SSR for the host application

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.

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).

standaloneConfig

Deprecated
boolean
Default: true

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

Nx only supports standaloneConfig