@nrwl/angular:module-federation-dev-server

The module-federation-dev-server executor is reserved exclusively for use with host Module Federation applications. It allows the user to specify which remote applications should be served with the host.

Options can be configured in project.json when defining the executor, or when invoking it. Read more about how to configure targets and executors here: https://nx.dev/reference/project-configuration#targets.

Examples

The Module Federation Dev Server will serve a host application and find the remote applications associated with the host and serve them statically also.
See an example set up of it below:

{
  "serve": {
    "executor": "@nrwl/angular:module-federation-dev-server",
    "configurations": {
      "production": {
        "browserTarget": "host:build:production"
      },
      "development": {
        "browserTarget": "host:build:development"
      }
    },
    "defaultConfiguration": "development",
    "options": {
      "port": 4200,
      "publicHost": "http://localhost:4200"
    }
  }
}

Options playground

Try out this interactive editor of the configuration object. Values are validated as you type and hovering over labels will give you more information.

Examples

These buttons show the config object for specific common tasks.

Options

browserTarget

Required

string

Pattern: ^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$

A browser builder target to serve in the format of project:target[:configuration]. You can also pass in more than one configuration name as a comma-separated list. Example: project:target:production,staging.

devRemotes

Array<string>

List of remote applications to run in development mode (i.e. using serve target).

allowedHosts

Array<string>

Default: []

List of hosts that are allowed to access the dev server.

disableHostCheck

boolean

Default: false

Don't verify connected clients are part of allowed hosts.

host

string

Default: localhost

Host to listen on.

headers

Custom HTTP headers to be added to all responses.

hmr

boolean

Default: false

Enable hot module replacement.

liveReload

boolean

Default: true

Whether to reload the page on change, using live-reload.

open

boolean

Default: false

Opens the url in default browser.

port

number

Default: 4200

Port to listen on.

proxyConfig

string

Proxy configuration file. For more information, see https://angular.io/guide/build#proxying-to-a-backend-server.

publicHost

string

The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies.

poll

number

Enable and define the file watching poll time period in milliseconds.

pathToManifestFile

string

Path to a Module Federation manifest file (e.g. my/path/to/module-federation.manifest.json) containing the dynamic remote applications relative to the workspace root.

ssl

boolean

Default: false

Serve using HTTPS.

sslKey

string

SSL key to use for serving HTTPS.

sslCert

string

SSL certificate to use for serving HTTPS.

servePath

string

The pathname where the app will be served.

skipRemotes

Array<string>

List of remote applications to not automatically serve, either statically or in development mode. This can be useful for multi-repository module federation setups where the host application uses a remote application from an external repository.

verbose

boolean

Adds more details to output logging.

watch

boolean

Default: true

Rebuild on change.