@nx/angular

Package reference

Here is a list of all the executors, generators and migrations available from this package.

Guides

• Nx and the Angular CLI

• Nx Devkit and Angular Devkit

• Angular and Nx Version Matrix

Executors

• delegate-build

  Delegates the build to a different target while supporting incremental builds.

• ng-packagr-lite

  Builds an Angular library with support for incremental builds.

  This executor is meant to be used with buildable libraries in an incremental build scenario. It is similar to the @nx/angular:package executor but it only produces ESM2022 bundles.

• package

  Builds and packages an Angular library producing an output following the Angular Package Format (APF) to be distributed as an NPM package.

  This executor is a drop-in replacement for the @angular-devkit/build-angular:ng-packagr and @angular/build:ng-packagr builders, with additional support for incremental builds.

• browser-esbuild

  Builds an Angular application using esbuild.

• module-federation-dev-server

  Serves host Module Federation applications (webpack-based) allowing to specify which remote applications should be served with the host.

• module-federation-dev-ssr

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

• application

  Builds an Angular application using esbuild with integrated SSR and prerendering capabilities.

• extract-i18n

  Extracts i18n messages from source code.

• webpack-browser

  Builds an Angular application using webpack.

• dev-server

  Serves an Angular application using webpack when the build target is using a webpack-based executor, or Vite when the build target uses an esbuild-based executor.

• webpack-server

  Builds a server Angular application using webpack. This executor is a drop-in replacement for the @angular-devkit/build-angular:server builder provided by the Angular CLI. It is usually used in tandem with the @nx/angular:webpack-browser executor when your Angular application uses a custom webpack configuration.

Generators

• add-lintingInternal

  Adds linting configuration to an Angular project.

• application

  Creates an Angular application.

• component

  Generate an Angular Component.

• component-storyInternal

  Creates a stories.ts file for a component.

• component-test

  Creates a cypress component test file for a component.

• convert-to-application-executor

  Converts projects to use the @nx/angular:application executor or the @angular-devkit/build-angular:application builder.

• directive

  Generate an Angular directive.

• federate-module

  Create a federated module, which is exposed by a remote and can be subsequently loaded by a host.

• initInternal

  Initializes the @nrwl/angular plugin.

• library

  Creates an Angular library.

• library-secondary-entry-point

  Creates a secondary entry point for an Angular publishable library.

• remote

  Generate a Remote Angular Module Federation Application.

• move

  Moves an Angular application or library to another folder within the workspace and updates the project configuration.

• convert-to-with-mf

  Converts an old micro frontend configuration to use the new withModuleFederation helper. It will run successfully if the following conditions are met:

  • Is either a host or remote application
  • Shared npm package configurations have not been modified
  • Name used to identify the Micro Frontend application matches the project name

  Overrides

  This generator will overwrite your webpack config. If you have additional custom configuration in your config file, it will be lost!

• host

  Generate a Host Angular Module Federation Application.

• ng-addInternal

  Migrates an Angular CLI workspace to Nx or adds the Angular plugin to an Nx workspace.

• ngrx

  Adds NgRx support to an application or library.

• ngrx-feature-store

  Adds an NgRx Feature Store to an application or library.

• ngrx-root-store

  Adds an NgRx Root Store to an application.

• pipe

  Generate an Angular Pipe

• scam-to-standalone

  Convert an existing Single Component Angular Module (SCAM) to a Standalone Component.

• scam

  Generate a component with an accompanying Single Component Angular Module (SCAM).

• scam-directive

  Generate a directive with an accompanying Single Component Angular Module (SCAM).

• scam-pipe

  Generate a pipe with an accompanying Single Component Angular Module (SCAM).

• setup-mf

  Generate a Module Federation configuration for a given Angular application.

• setup-ssr

  Generate Angular Universal (SSR) setup for an Angular application.

• setup-tailwind

  Configures Tailwind CSS for an application or a buildable/publishable library.

• stories

  Creates stories/specs for all components declared in a project.

• storybook-configuration

  Adds Storybook configuration to a project.

• cypress-component-configuration

  Setup Cypress component testing for a project.

• web-worker

  Creates a Web Worker.

Migrations

• 20.5.x

20.5.0-angular-eslint-package-updates

Version: 20.5.0-rc.1

Requires

Name	Version
eslint	^8.57.0 || ^9.0.0
@angular/core	>= 19.0.0 < 20.0.0

Packages

Name	Version	Always Add to package.json
angular-eslint	^19.2.0	Update only
@angular-eslint/eslint-plugin	^19.2.0	Update only
@angular-eslint/eslint-plugin-template	^19.2.0	Update only
@angular-eslint/template-parser	^19.2.0	Update only
@angular-eslint/utils	^19.2.0	Update only
@angular-eslint/schematics	^19.2.0	Update only
@angular-eslint/test-utils	^19.2.0	Update only
@angular-eslint/builder	^19.2.0	Update only
@angular-eslint/bundled-angular-compiler	^19.2.0	Update only

update-angular-cli-version-19-2-0

Update the @angular/cli package version to ~19.2.0.

Version: 20.5.0-beta.5

Requires

Name	Version
@angular/core	>=19.2.0

Sample Code Changes

Update the @angular/cli package version in the package.json file at the workspace root to ~19.2.0.

package.json

1{ 2 "devDependencies": { 3 "@angular/cli": "~19.1.0" 4 } 5} 6

20.5.0-package-updates

Version: 20.5.0-beta.5

Requires

Name	Version
@angular/core	>=19.1.0 <19.2.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~19.2.0	Update only
@angular-devkit/core	~19.2.0	Update only
@angular-devkit/schematics	~19.2.0	Update only
@angular/build	~19.2.0	Update only
@angular/pwa	~19.2.0	Update only
@angular/ssr	~19.2.0	Update only
@schematics/angular	~19.2.0	Update only
@angular-devkit/architect	~0.1902.0	Update only
@angular-devkit/build-webpack	~0.1902.0	Update only
@angular/core	~19.2.0	Add if not installed
@angular/material	~19.2.1	Update only
@angular/cdk	~19.2.1	Update only
ng-packagr	~19.2.0	Update only

• 20.4.x

update-angular-cli-version-19-1-0

Update the @angular/cli package version to ~19.1.0.

Version: 20.4.0-beta.1

Requires

Name	Version
@angular/core	>=19.1.0

Update @angular/cli to ~19.1.0

Update the version of the Angular CLI if it is specified in package.json

Sample Code Changes

Update in devDependencies:

package.json

1{ 2 "devDependencies": { 3 "@angular/cli": "~13.3.0" 4 } 5} 6

Update in dependencies:

package.json

1{ 2 "dependencies": { 3 "@angular/cli": "~13.3.0" 4 } 5} 6

20.4.0-package-updates

Version: 20.4.0-beta.1

Requires

Name	Version
@angular/core	>=19.0.0 <19.1.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~19.1.0	Update only
@angular-devkit/core	~19.1.0	Update only
@angular-devkit/schematics	~19.1.0	Update only
@angular/build	~19.1.0	Update only
@angular/pwa	~19.1.0	Update only
@angular/ssr	~19.1.0	Update only
@schematics/angular	~19.1.0	Update only
@angular-devkit/architect	~0.1901.0	Update only
@angular-devkit/build-webpack	~0.1901.0	Update only
@angular/core	~19.1.0	Add if not installed
@angular/material	~19.1.0	Update only
@angular/cdk	~19.1.0	Update only
ng-packagr	~19.1.0	Update only

• 20.3.x

ensure-nx-module-federation-package

If workspace includes Module Federation projects, ensure the new @nx/module-federation package is installed.

Version: 20.3.0-beta.2

Ensure the @nx/module-federation Package is Installed

If workspace includes Module Federation projects, ensure the new @nx/module-federation package is installed.

Sample Code Changes

package.json

1{ 2 "dependencies": {} 3} 4

20.2.3-ngrx-package-updates

Version: 20.3.0-beta.2

Requires

Name	Version
@angular/core	^19.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	^19.0.0	Update only

• 20.2.x

20.2.2-angular-eslint-package-updates

Version: 20.2.2-beta.0

Requires

Name	Version
eslint	^8.57.0 || ^9.0.0
@angular/core	>= 19.0.0 < 20.0.0

Packages

Name	Version	Always Add to package.json
angular-eslint	^19.0.2	Update only
@angular-eslint/eslint-plugin	^19.0.2	Update only
@angular-eslint/eslint-plugin-template	^19.0.2	Update only
@angular-eslint/template-parser	^19.0.2	Update only
@angular-eslint/utils	^19.0.2	Update only
@angular-eslint/schematics	^19.0.2	Update only
@angular-eslint/test-utils	^19.0.2	Update only
@angular-eslint/builder	^19.0.2	Update only
@angular-eslint/bundled-angular-compiler	^19.0.2	Update only

remove-angular-eslint-rules

Remove Angular ESLint rules that were removed in v19.0.0.

Version: 20.2.0-beta.8

Requires

Name	Version
@angular/core	>=19.0.0

Remove Angular ESLint Rules

Remove Angular ESLint rules that were removed in v19.0.0.

Sample Code Changes

Removes @angular-eslint/no-host-metadata-property, @angular-eslint/sort-ngmodule-metadata-arrays and @angular-eslint/prefer-standalone-component from any ESLint config file. Files to be searched include .eslintrc.json, .eslintrc.base.json, .eslint.config.js and .eslint.config.base.js.

apps/app1/.eslintrc.json

1{ 2 "overrides": [ 3 { 4 "files": ["*.ts"], 5 "rules": { 6 "@angular-eslint/no-host-metadata-property": ["error"], 7 "@angular-eslint/sort-ngmodule-metadata-arrays": ["error"], 8 "@angular-eslint/prefer-standalone-component": ["error"] 9 } 10 } 11 ] 12} 13

remove-tailwind-config-from-ng-packagr-executors

Remove the deprecated 'tailwindConfig' option from ng-packagr executors. Tailwind CSS configurations located at the project or workspace root will be picked up automatically.

Version: 20.2.0-beta.8

Requires

Name	Version
@angular/core	>=19.0.0

Remove tailwindConfig from ng-packagr Executors

Remove the deprecated 'tailwindConfig' option from ng-packagr executors. Tailwind CSS configurations located at the project or workspace root will be picked up automatically.

Sample Code Changes

Remove tailwindConfig from the @nx/angular:ng-packagr-lite or @nx/angular:package executor options in project configuration.

libs/my-lib/project.json

1{ 2 "targets": { 3 "build": { 4 "executor": "@nx/angular:ng-packagr-lite", 5 "options": { 6 "project": "libs/lib1/ng-package.json", 7 "tailwindConfig": "libs/lib1/tailwind.config.js" 8 } 9 } 10 } 11} 12

Remove tailwindConfig from the @nx/angular:ng-packagr-lite or @nx/angular:package executor target defaults in nx.json.

nx.json

1{ 2 "targetDefaults": { 3 "@nx/angular:ng-packagr-lite": { 4 "options": { 5 "project": "{projectRoot}/ng-package.json", 6 "tailwindConfig": "{projectRoot}/tailwind.config.js" 7 } 8 } 9 } 10} 11

20.2.0-analog-package-updates

Version: 20.2.0-beta.7

Packages

Name	Version	Always Add to package.json
@analogjs/vitest-angular	~1.10.0	Update only
@analogjs/vite-plugin-angular	~1.10.0	Update only

disable-angular-eslint-prefer-standalone

Disable the Angular ESLint prefer-standalone rule if not set.

Version: 20.2.0-beta.6

Requires

Name	Version
@angular/core	>=19.0.0

Disable Angular ESLint Prefer Standalone

Disable the Angular ESLint prefer-standalone rule if not set.

Sample Code Changes

Update import paths for withModuleFederation and withModuleFederationForSSR.

apps/app1/.eslintrc.json

1{ 2 "overrides": [ 3 { 4 "files": ["*.html"], 5 "rules": { 6 "some-rule-for-html": "error" 7 } 8 } 9 ] 10} 11

import { addProjectConfiguration, writeJson, type ProjectConfiguration, type ProjectGraph, type Tree, } from '@nx/devkit'; import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing'; import migration from './disable-angular-eslint-prefer-standalone';

let projectGraph: ProjectGraph; jest.mock('@nx/devkit', () => ({ ...jest.requireActual('@nx/devkit'), createProjectGraphAsync: () => Promise.resolve(projectGraph), }));

describe('disable-angular-eslint-prefer-standalone', () => { let tree: Tree;

beforeEach(() => { tree = createTreeWithEmptyWorkspace();

const projectConfig: ProjectConfiguration = { name: 'app1', root: 'apps/app1', }; projectGraph = { dependencies: { app1: [ { source: 'app1', target: 'npm:@angular/core', type: 'static', }, ], }, nodes: { app1: { data: projectConfig, name: 'app1', type: 'app', }, }, }; addProjectConfiguration(tree, projectConfig.name, projectConfig);

});

describe('.eslintrc.json', () => { it('should not disable @angular-eslint/prefer-standalone when it is set', async () => { writeJson(tree, 'apps/app1/.eslintrc.json', { overrides: [ { files: ['*.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ], });

await migration(tree);

expect(tree.read('apps/app1/.eslintrc.json', 'utf8')) .toMatchInlineSnapshot( "{ "overrides": [ { "files": ["*.ts"], "rules": { "@angular-eslint/prefer-standalone": ["error"] } } ] } " ); });

it('should not disable @angular-eslint/prefer-standalone when there are multiple overrides for angular eslint and the rule is set in one of them', async () => { writeJson(tree, 'apps/app1/.eslintrc.json', { overrides: [ { files: ['.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase' }, ], }, }, { files: ['.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ], });

await migration(tree);

expect(tree.read('apps/app1/.eslintrc.json', 'utf8')) .toMatchInlineSnapshot( "{ "overrides": [ { "files": ["*.ts"], "rules": { "@angular-eslint/directive-selector": [ "error", { "type": "attribute", "prefix": "app", "style": "camelCase" } ] } }, { "files": ["*.ts"], "rules": { "@angular-eslint/prefer-standalone": ["error"] } } ] } " ); });

it('should disable @angular-eslint/prefer-standalone in an existing override for angular eslint', async () => { writeJson(tree, 'apps/app1/.eslintrc.json', { overrides: [ { files: ['.ts'], rules: { 'no-unused-vars': 'error' }, }, { files: ['.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase' }, ], }, }, ], });

await migration(tree);

expect(tree.read('apps/app1/.eslintrc.json', 'utf8')) .toMatchInlineSnapshot( "{ "overrides": [ { "files": ["*.ts"], "rules": { "no-unused-vars": "error" } }, { "files": ["*.ts"], "rules": { "@angular-eslint/directive-selector": [ "error", { "type": "attribute", "prefix": "app", "style": "camelCase" } ], "@angular-eslint/prefer-standalone": "off" } } ] } " ); });

it('should disable @angular-eslint/prefer-standalone in an existing override for ts files', async () => { writeJson(tree, 'apps/app1/.eslintrc.json', { overrides: [ { files: ['*.ts'], rules: { 'no-unused-vars': 'error' }, }, ], });

await migration(tree);

expect(tree.read('apps/app1/.eslintrc.json', 'utf8')) .toMatchInlineSnapshot( "{ "overrides": [ { "files": ["*.ts"], "rules": { "no-unused-vars": "error", "@angular-eslint/prefer-standalone": "off" } } ] } " ); });

it('should disable @angular-eslint/prefer-standalone in a new override', async () => { writeJson(tree, 'apps/app1/.eslintrc.json', { overrides: [ { files: ['*.html'], rules: { 'some-rule-for-html': 'error' }, }, ], });

await migration(tree);

expect(tree.read('apps/app1/.eslintrc.json', 'utf8')) .toMatchInlineSnapshot( "{ "overrides": [ { "files": ["*.html"], "rules": { "some-rule-for-html": "error" } }, { "files": ["*.ts"], "rules": { "@angular-eslint/prefer-standalone": "off" } } ] } " ); });

});

describe('flat config', () => { it('should not disable @angular-eslint/prefer-standalone when it is set', async () => { tree.write('eslint.config.js', 'module.exports = [];'); tree.write( 'apps/app1/eslint.config.js', module.exports = [ { files: ['*.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ]; );

await migration(tree);

expect(tree.read('apps/app1/eslint.config.js', 'utf8')) .toMatchInlineSnapshot( "module.exports = [ { files: ['*.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ]; " ); });

it('should not disable @angular-eslint/prefer-standalone when there are multiple overrides for angular eslint and the rule is set in one of them', async () => { tree.write('eslint.config.js', 'module.exports = [];'); tree.write( 'apps/app1/eslint.config.js', module.exports = [ { files: ['*.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase' }, ], }, }, { files: ['*.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ]; );

await migration(tree);

expect(tree.read('apps/app1/eslint.config.js', 'utf8')) .toMatchInlineSnapshot( "module.exports = [ { files: ['*.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase' }, ], }, }, { files: ['*.ts'], rules: { '@angular-eslint/prefer-standalone': ['error'] }, }, ]; " ); });

it('should disable @angular-eslint/prefer-standalone in an existing override for angular eslint', async () => { tree.write('eslint.config.js', 'module.exports = [];'); tree.write( 'apps/app1/eslint.config.js', module.exports = [ { files: ['*.ts'], rules: { 'no-unused-vars': 'error' }, }, { files: ['*.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase' }, ], }, }, ]; );

await migration(tree);

expect(tree.read('apps/app1/eslint.config.js', 'utf8')) .toMatchInlineSnapshot( "module.exports = [ { files: ['*.ts'], rules: { 'no-unused-vars': 'error' }, }, { files: ['**/*.ts'], rules: { '@angular-eslint/directive-selector': [ 'error', { type: 'attribute', prefix: 'app', style: 'camelCase', }, ], '@angular-eslint/prefer-standalone': 'off', }, }, ]; " ); });

it('should disable @angular-eslint/prefer-standalone in an existing override for ts files', async () => { tree.write('eslint.config.js', 'module.exports = [];'); tree.write( 'apps/app1/eslint.config.js', module.exports = [ { files: ['*.ts'], rules: { 'no-unused-vars': 'error' }, }, ]; );

await migration(tree);

expect(tree.read('apps/app1/eslint.config.js', 'utf8')) .toMatchInlineSnapshot( "module.exports = [ { files: ['**/*.ts'], rules: { 'no-unused-vars': 'error', '@angular-eslint/prefer-standalone': 'off', }, }, ]; " ); });

it('should disable @angular-eslint/prefer-standalone in a new override', async () => { tree.write('eslint.config.js', 'module.exports = [];'); tree.write( 'apps/app1/eslint.config.js', module.exports = [ { files: ['*.html'], rules: { 'some-rule-for-html': 'error' }, }, ]; );

await migration(tree);

expect(tree.read('apps/app1/eslint.config.js', 'utf8')) .toMatchInlineSnapshot( "module.exports = [ { files: ['*.html'], rules: { 'some-rule-for-html': 'error' }, }, { files: ['**/*.ts'], rules: { '@angular-eslint/prefer-standalone': 'off', }, }, ]; " ); });

}); });

update-angular-cli-version-19-0-0

Update the @angular/cli package version to ~19.0.0.

Version: 20.2.0-beta.5

Requires

Name	Version
@angular/core	>=19.0.0

Update @angular/cli to ~19.0.0

Update the version of the Angular CLI if it is specified in package.json

Sample Code Changes

Update in devDependencies:

package.json

1{ 2 "devDependencies": { 3 "@angular/cli": "~13.3.0" 4 } 5} 6

Update in dependencies:

package.json

1{ 2 "dependencies": { 3 "@angular/cli": "~13.3.0" 4 } 5} 6

add-localize-polyfill-to-targets

Add the '@angular/localize/init' polyfill to the 'polyfills' option of targets using esbuild-based executors.

Version: 20.2.0-beta.5

Requires

Name	Version
@angular/core	>=19.0.0

Add Localize Polyfill to Targets

Add the '@angular/localize/init' polyfill to the 'polyfills' option of targets using esbuild-based executors.

Sample Code Changes

Add the @angular/localize/init polyfill to any of these executors:

• @angular/build:application
• @angular-devkit/build-angular:application
• @nx/angular:application
• @angular-devkit/build-angular:browser-esbuild
• @nx/angular:browser-esbuild

apps/app1/project.json

1{ 2 "targets": { 3 "build": { 4 "executor": "@angular/build:application", 5 "options": { 6 "localize": true 7 } 8 } 9 } 10} 11

update-angular-ssr-imports-to-use-node-entry-point

Update '@angular/ssr' import paths to use the new '/node' entry point when 'CommonEngine' is detected.

Version: 20.2.0-beta.5

Requires

Name	Version
@angular/core	>=19.0.0

Update Angular SSR Imports to Use Node Entry Point

Update '@angular/ssr' import paths to use the new '/node' entry point when 'CommonEngine' is detected.

Sample Code Changes

Update import paths for SSR CommonEngine properties to use @angular/ssr/node.

apps/app1/server.ts

1import { CommonEngine } from '@angular/ssr'; 2import type { 3 CommonEngineOptions, 4 CommonEngineRenderOptions, 5} from '@angular/ssr'; 6

20.2.0-package-updates

Version: 20.2.0-beta.5

Requires

Name	Version
@angular/core	>=18.2.0 <19.0.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~19.0.0	Update only
@angular-devkit/core	~19.0.0	Update only
@angular-devkit/schematics	~19.0.0	Update only
@angular/build	~19.0.0	Update only
@angular/pwa	~19.0.0	Update only
@angular/ssr	~19.0.0	Update only
@schematics/angular	~19.0.0	Update only
@angular-devkit/architect	~0.1900.0	Update only
@angular-devkit/build-webpack	~0.1900.0	Update only
@angular/core	~19.0.0	Add if not installed
@angular/material	~19.0.0	Update only
@angular/cdk	~19.0.0	Update only
ng-packagr	~19.0.0	Update only
zone.js	~0.15.0	Update only

20.2.0-jest-package-updates

Version: 20.2.0-beta.5

Requires

Name	Version
@angular-devkit/build-angular	>=15.0.0 <20.0.0
@angular/compiler-cli	>=15.0.0 <20.0.0
@angular/core	>=15.0.0 <20.0.0
@angular/platform-browser-dynamic	>=15.0.0 <20.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~14.4.0	Update only

20.2.0-angular-eslint-package-updates

Version: 20.2.0-beta.5

Requires

Name	Version
eslint	^8.57.0 || ^9.0.0
@angular/core	>= 19.0.0 < 20.0.0

Packages

Name	Version	Always Add to package.json
angular-eslint	^19.0.0	Update only
@angular-eslint/eslint-plugin	^19.0.0	Update only
@angular-eslint/eslint-plugin-template	^19.0.0	Update only
@angular-eslint/template-parser	^19.0.0	Update only
@angular-eslint/utils	^19.0.0	Update only
@angular-eslint/schematics	^19.0.0	Update only
@angular-eslint/test-utils	^19.0.0	Update only
@angular-eslint/builder	^19.0.0	Update only
@angular-eslint/bundled-angular-compiler	^19.0.0	Update only

20.2.0-module-federation-package-updates

Version: 20.2.0-beta.3

Packages

Name	Version	Always Add to package.json
@module-federation/enhanced	0.7.6	Update only
@module-federation/runtime	0.7.6	Update only
@module-federation/sdk	0.7.6	Update only
@module-federation/node	2.6.11	Update only

update-20-2-0-update-module-federation-config-import

Update the ModuleFederationConfig import use @nx/module-federation.

Version: 20.2.0-beta.2

Migrate Module Federation Imports to New Package

Update the ModuleFederationConfig imports to use @nx/module-federation.

Sample Code Changes

Update import paths for ModuleFederationConfig.

apps/shell/webpack.config.js

1import { ModuleFederationConfig } from '@nx/webpack'; 2

update-20-2-0-update-with-module-federation-import

Update the withModuleFederation import use @nx/module-federation/angular.

Version: 20.2.0-beta.2

Migrate withModuleFederation Import to New Package

Update the withModuleFederation import to use @nx/module-federation/webpack.

Sample Code Changes

Update import paths for withModuleFederation and withModuleFederationForSSR.

apps/shell/webpack.config.ts

1import { 2 withModuleFederation, 3 withModuleFederationForSSR, 4} from '@nx/angular/module-federation'; 5

• 19.7.x

19.7.0-package-updates

Version: 19.7.0-beta.0

Packages

Name	Version	Always Add to package.json
@module-federation/enhanced	~0.6.0	Update only
@module-federation/node	~2.5.0	Update only

• 19.6.x

update-19-6-1-ensure-module-federation-target-defaults

Ensure Target Defaults are set correctly for Module Federation.

Version: 19.6.1-beta.0

19.6.1-ngrx-package-updates

Version: 19.6.1-beta.0

Requires

Name	Version
@angular/core	^18.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	^18.0.2	Update only

update-angular-cli-version-18-2-0

Update the @angular/cli package version to ~18.2.0.

Version: 19.6.0-beta.7

Requires

Name	Version
@angular/core	>=18.2.0

19.6.0-package-updates

Version: 19.6.0-beta.7

Requires

Name	Version
@angular/core	>=18.1.0 <18.2.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~18.2.0	Update only
@angular-devkit/core	~18.2.0	Update only
@angular-devkit/schematics	~18.2.0	Update only
@angular/build	~18.2.0	Update only
@angular/pwa	~18.2.0	Update only
@angular/ssr	~18.2.0	Update only
@schematics/angular	~18.2.0	Update only
@angular-devkit/architect	~0.1802.0	Update only
@angular-devkit/build-webpack	~0.1802.0	Update only
@angular/core	~18.2.0	Add if not installed
@angular/material	~18.2.0	Update only
@angular/cdk	~18.2.0	Update only
ng-packagr	~18.2.0	Update only
zone.js	~0.14.10	Update only

update-19-6-0

Ensure Module Federation DTS is turned off by default.

Version: 19.6.0-beta.4

• 19.5.x

19.5.4-ngrx-package-updates

Version: 19.5.4-beta.0

Requires

Name	Version
@angular/core	^18.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	^18.0.1	Update only
@ngrx/operators	^18.0.1	Update only

update-angular-cli-version-18-1-0

Update the @angular/cli package version to ~18.1.0.

Version: 19.5.0-beta.1

Requires

Name	Version
@angular/core	>=18.1.0

19.5.0-package-updates

Version: 19.5.0-beta.1

Requires

Name	Version
@angular/core	>=18.0.0 <18.1.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~18.1.0	Update only
@angular-devkit/core	~18.1.0	Update only
@angular-devkit/schematics	~18.1.0	Update only
@angular/build	~18.1.0	Update only
@angular/pwa	~18.1.0	Update only
@angular/ssr	~18.1.0	Update only
@schematics/angular	~18.1.0	Update only
@angular-devkit/architect	~0.1801.0	Update only
@angular-devkit/build-webpack	~0.1801.0	Update only
@angular/core	~18.1.0	Add if not installed
@angular/material	~18.1.0	Update only
@angular/cdk	~18.1.0	Update only
ng-packagr	~18.1.0	Update only

19.5.0-module-federation-package-updates

Version: 19.5.0-beta.0

Packages

Name	Version	Always Add to package.json
@module-federation/node	^2.3.0	Update only

• 19.4.x

19.4.0-ngrx-package-updates

Version: 19.4.0-beta.1

Requires

Name	Version
@angular/core	^18.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	^18.0.0	Update only

• 19.2.x

add-typescript-eslint-utils

Installs the '@typescript-eslint/utils' package when having installed '@angular-eslint/eslint-plugin' or '@angular-eslint/eslint-plugin-template' with version >=18.0.0.

Version: 19.2.1-beta.0

Requires

Name	Version
@angular-eslint/eslint-plugin	>=18.0.0

• 19.1.x

19.1.2-package-updates

Version: 19.1.2-beta.1

Requires

Name	Version
eslint	^8.57.0 || ^9.0.0
@angular/core	>= 18.0.0 < 19.0.0

Packages

Name	Version	Always Add to package.json
@angular-eslint/eslint-plugin	^18.0.1	Update only
@angular-eslint/eslint-plugin-template	^18.0.1	Update only
@angular-eslint/template-parser	^18.0.1	Update only
@angular-eslint/utils	^18.0.1	Update only
@angular-eslint/schematics	^18.0.1	Update only
@angular-eslint/test-utils	^18.0.1	Update only
@angular-eslint/builder	^18.0.1	Update only
@angular-eslint/bundled-angular-compiler	^18.0.1	Update only

update-angular-cli-version-18-0-0

Update the @angular/cli package version to ~18.0.0.

Version: 19.1.0-beta.2

Requires

Name	Version
@angular/core	>=18.0.0

19.1.0-package-updates

Version: 19.1.0-beta.2

Requires

Name	Version
@angular/core	>=17.3.0 <18.0.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~18.0.0	Update only
@angular-devkit/core	~18.0.0	Update only
@angular-devkit/schematics	~18.0.0	Update only
@angular/pwa	~18.0.0	Update only
@angular/ssr	~18.0.0	Update only
@schematics/angular	~18.0.0	Update only
@angular-devkit/architect	~0.1800.0	Update only
@angular-devkit/build-webpack	~0.1800.0	Update only
@angular/core	~18.0.0	Add if not installed
@angular/material	~18.0.0	Update only
@angular/cdk	~18.0.0	Update only
ng-packagr	~18.0.0	Update only

19.1.0-jest-package-updates

Version: 19.1.0-beta.2

Requires

Name	Version
@angular-devkit/build-angular	>=15.0.0 <19.0.0
@angular/compiler-cli	>=15.0.0 <19.0.0
@angular/core	>=15.0.0 <19.0.0
@angular/platform-browser-dynamic	>=15.0.0 <19.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~14.1.0	Update only

• 18.2.x

update-angular-cli-version-17-3-0

Update the @angular/cli package version to ~17.3.0.

Version: 18.2.0-beta.0

Requires

Name	Version
@angular/core	>=17.3.0

18.2.0-package-updates

Version: 18.2.0-beta.0

Requires

Name	Version
@angular/core	>=17.2.0 <17.3.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~17.3.0	Update only
@angular-devkit/core	~17.3.0	Update only
@angular-devkit/schematics	~17.3.0	Update only
@angular/pwa	~17.3.0	Update only
@angular/ssr	~17.3.0	Update only
@schematics/angular	~17.3.0	Update only
@angular-devkit/architect	~0.1703.0	Update only
@angular-devkit/build-webpack	~0.1703.0	Update only
@angular/core	~17.3.0	Add if not installed
@angular/material	~17.3.0	Update only
@angular/cdk	~17.3.0	Update only
ng-packagr	~17.3.0	Update only

18.2.0-angular-eslint-package-updates

Version: 18.2.0-beta.0

Requires

Name	Version
eslint	^7.20.0 || ^8.0.0
@angular/core	>= 17.0.0 < 18.0.0

Packages

Name	Version	Always Add to package.json
@angular-eslint/eslint-plugin	~17.3.0	Update only
@angular-eslint/eslint-plugin-template	~17.3.0	Update only
@angular-eslint/template-parser	~17.3.0	Update only

• 18.1.x

fix-target-defaults-for-webpack-browser

Ensure targetDefaults inputs for task hashing when '@nx/angular:webpack-browser' is used are correct for Module Federation.

Version: 18.1.1-beta.0

18.1.0-jest-package-updates

Version: 18.1.0-beta.2

Requires

Name	Version
@angular-devkit/build-angular	>=15.0.0 <18.0.0
@angular/compiler-cli	>=15.0.0 <18.0.0
@angular/core	>=15.0.0 <18.0.0
@angular/platform-browser-dynamic	>=15.0.0 <18.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~14.0.3	Update only

update-angular-cli-version-17-2-0

Update the @angular/cli package version to ~17.2.0.

Version: 18.1.0-beta.1

Requires

Name	Version
@angular/core	>=17.2.0

18.1.0-package-updates

Version: 18.1.0-beta.1

Requires

Name	Version
@angular/core	>=17.1.0 <17.2.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~17.2.0	Update only
@angular-devkit/core	~17.2.0	Update only
@angular-devkit/schematics	~17.2.0	Update only
@angular/pwa	~17.2.0	Update only
@angular/ssr	~17.2.0	Update only
@schematics/angular	~17.2.0	Update only
@angular-devkit/architect	~0.1702.0	Update only
@angular-devkit/build-webpack	~0.1702.0	Update only
@angular/core	~17.2.0	Add if not installed
@angular/material	~17.2.0	Update only
@angular/cdk	~17.2.0	Update only
ng-packagr	~17.2.0	Update only

• 18.0.x

add-module-federation-env-var-to-target-defaults

Add NX_MF_DEV_SERVER_STATIC_REMOTES to inputs for task hashing when '@nx/angular:webpack-browser' is used for Module Federation.

Version: 18.0.0-beta.0

• 17.3.x

update-angular-cli-version-17-1-0

Update the @angular/cli package version to ~17.1.0.

Version: 17.3.0-beta.10

Requires

Name	Version
@angular/core	>=17.1.0

add-browser-sync-dependency

Add 'browser-sync' as dev dependency when '@angular-devkit/build-angular:ssr-dev-server' or '@nx/angular:module-federation-dev-ssr' is used.

Version: 17.3.0-beta.10

Requires

Name	Version
@angular/core	>=17.1.0

add-autoprefixer-dependency

Add 'autoprefixer' as dev dependency when '@nx/angular:ng-packagr-lite' or '@nx/angular:package` is used.

Version: 17.3.0-beta.10

Requires

Name	Version
@angular/core	>=17.1.0

17.3.0-package-updates

Version: 17.3.0-beta.10

Requires

Name	Version
@angular/core	>=17.0.0 <17.1.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/build-angular	~17.1.0	Update only
@angular-devkit/core	~17.1.0	Update only
@angular-devkit/schematics	~17.1.0	Update only
@angular/pwa	~17.1.0	Update only
@angular/ssr	~17.1.0	Update only
@schematics/angular	~17.1.0	Update only
@angular-devkit/architect	~0.1701.0	Update only
@angular-devkit/build-webpack	~0.1701.0	Update only
@angular/core	~17.1.0	Add if not installed
@angular/material	~17.1.0	Update only
@angular/cdk	~17.1.0	Update only
ng-packagr	~17.1.0	Update only
zone.js	~0.14.3	Update only

17.3.0-types-node-package-updates

Version: 17.3.0-beta.3

Packages

Name	Version	Always Add to package.json
@types/node	^18.16.9	Update only

• 17.2.x

17.2.0-ngrx-package-updates

Version: 17.2.0-beta.3

Requires

Name	Version
@angular/core	^17.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	~17.0.0	Update only

rename-webpack-dev-server-executor

Rename '@nx/angular:webpack-dev-server' executor to '@nx/angular:dev-server'

Version: 17.2.0-beta.2

• 17.1.x

17.1.3-jest-package-updates

Version: 17.1.3-beta.0

Requires

Name	Version
@angular-devkit/build-angular	>=13.0.0 <18.0.0
@angular/compiler-cli	>=13.0.0 <18.0.0
@angular/core	>=13.0.0 <18.0.0
@angular/platform-browser-dynamic	>=13.0.0 <18.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~13.1.4	Update only

update-angular-cli-version-17-0-0

Update the @angular/cli package version to ~17.0.0.

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=17.0.0

rename-browser-target-to-build-target

Rename 'browserTarget' to 'buildTarget'.

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=17.0.0

replace-nguniversal-builders

Replace usages of '@nguniversal/builders' with '@angular-devkit/build-angular'.

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=17.0.0

replace-nguniversal-engines

Replace usages of '@nguniversal/' packages with '@angular/ssr'.

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=17.0.0

update-zone-js-deep-import

Replace the deep imports from 'zone.js/dist/zone' and 'zone.js/dist/zone-testing' with 'zone.js' and 'zone.js/testing'.

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=17.0.0

17.1.0-package-updates

Version: 17.1.0-beta.5

Requires

Name	Version
@angular/core	>=16.2.0 <17.0.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/architect	~0.1700.0	Update only
@angular-devkit/build-angular	~17.0.0	Update only
@angular-devkit/build-webpack	~0.1700.0	Update only
@angular-devkit/core	~17.0.0	Update only
@angular-devkit/schematics	~17.0.0	Update only
@angular/pwa	~17.0.0	Update only
@angular/core	~17.0.0	Add if not installed
@angular/material	~17.0.0	Update only
@angular/cdk	~17.0.0	Update only
@schematics/angular	~17.0.0	Update only
ng-packagr	~17.0.0	Update only
zone.js	~0.14.0	Update only

17.1.0-jest-package-updates

Version: 17.1.0-beta.5

Requires

Name	Version
@angular-devkit/build-angular	>=13.0.0 <18.0.0
@angular/compiler-cli	>=13.0.0 <18.0.0
@angular/core	>=13.0.0 <18.0.0
@angular/platform-browser-dynamic	>=13.0.0 <18.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~13.1.3	Update only

17.1.0-angular-eslint-package-updates

Version: 17.1.0-beta.5

Requires

Name	Version
eslint	^7.20.0 || ^8.0.0
@angular/core	>= 17.0.0 < 18.0.0

Packages

Name	Version	Always Add to package.json
@angular-eslint/eslint-plugin	~17.0.0	Update only
@angular-eslint/eslint-plugin-template	~17.0.0	Update only
@angular-eslint/template-parser	~17.0.0	Update only

• 16.8.x

16.8.0-package-updates

Version: 16.8.0-beta.2

Packages

Name	Version	Always Add to package.json
esbuild	^0.19.2	Update only

• 16.7.x

update-angular-cli-version-16-2-0

Update the @angular/cli package version to ~16.2.0.

Version: 16.7.0-beta.6

Requires

Name	Version
@angular/core	>=16.2.0

16.7.0-package-updates

Version: 16.7.0-beta.6

Requires

Name	Version
@angular/core	>=16.1.0 <16.2.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/architect	~0.1602.0	Update only
@angular-devkit/build-angular	~16.2.0	Update only
@angular-devkit/build-webpack	~0.1602.0	Update only
@angular-devkit/core	~16.2.0	Update only
@angular-devkit/schematics	~16.2.0	Update only
@angular/pwa	~16.2.0	Update only
@angular/core	~16.2.0	Add if not installed
@angular/material	~16.2.0	Update only
@angular/cdk	~16.2.0	Update only
@nguniversal/builders	~16.2.0	Update only
@nguniversal/common	~16.2.0	Update only
@nguniversal/express-engine	~16.2.0	Update only
@schematics/angular	~16.2.0	Update only
ng-packagr	~16.2.0	Update only

• 16.6.x

explicitly-set-projects-to-update-buildable-deps

Explicitly set 'updateBuildableProjectDepsInPackageJson' to 'true' in targets that rely on that value as the default.

Version: 16.6.0-beta.0

• 16.4.x

update-angular-cli-version-16-1-0

Update the @angular/cli package version to ~16.1.0.

Version: 16.4.0-beta.11

Requires

Name	Version
@angular/core	>=16.1.0

16.4.0-package-updates

Version: 16.4.0-beta.11

Requires

Name	Version
@angular/core	>=16.0.0 <16.1.0

Packages

Name	Version	Always Add to package.json
@angular-devkit/architect	~0.1601.0	Update only
@angular-devkit/build-angular	~16.1.0	Update only
@angular-devkit/build-webpack	~0.1601.0	Update only
@angular-devkit/core	~16.1.0	Update only
@angular-devkit/schematics	~16.1.0	Update only
@angular/pwa	~16.1.0	Update only
@angular/core	~16.1.0	Add if not installed
@angular/material	~16.1.0	Update only
@angular/cdk	~16.1.0	Update only
@nguniversal/builders	~16.1.0	Update only
@nguniversal/common	~16.1.0	Update only
@nguniversal/express-engine	~16.1.0	Update only
@schematics/angular	~16.1.0	Update only
ng-packagr	~16.1.0	Update only

rename-angular-eslint-accesibility-rules

Remove the 'accessibility-' prefix from '@angular-eslint/eslint-plugin-template' rules.

Version: 16.4.0-beta.6

Requires

Name	Version
@angular-eslint/eslint-plugin-template	>=16.0.0

• 16.2.x

switch-data-persistence-operators-imports-to-ngrx-router-store

Switch the data persistence operator imports to '@ngrx/router-store/data-persistence'.

Version: 16.2.0-beta.0

Requires

Name	Version
@ngrx/store	>=16.0.0

16.2.0-ngrx-package-updates

Version: 16.2.0-beta.0

Requires

Name	Version
@angular/core	^16.0.0

Packages

Name	Version	Always Add to package.json
@ngrx/store	~16.0.0	Update only

• 16.1.x

16.1.3-jest-package-updates

Version: 16.1.3-beta.0

Requires

Name	Version
@angular-devkit/build-angular	>=13.0.0 <17.0.0
@angular/compiler-cli	>=13.0.0 <17.0.0
@angular/core	>=13.0.0 <17.0.0
@angular/platform-browser-dynamic	>=13.0.0 <17.0.0
jest	^29.0.0

Packages

Name	Version	Always Add to package.json
jest-preset-angular	~13.1.0	Update only

remove-render-module-platform-server-exports

Remove exported `@angular/platform-server` `renderModule` method. The `renderModule` method is now exported by the Angular CLI.

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=15.0.0

remove-ngcc-invocation

Remove 'ngcc' invocation if exists from the 'postinstall' script in package.json.

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=16.0.0-rc.4

extract-app-config-for-standalone

Extract the app config for standalone apps

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=16.0.0-rc.4

update-server-executor-config

Update server executors' configuration to disable 'buildOptimizer' for non optimized builds.

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=16.0.0-rc.4

update-angular-cli-version-16-0-0

Update the @angular/cli package version to ~16.0.0.

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=16.0.0

16.1.0-package-updates

Version: 16.1.0-beta.1

Requires

Name	Version
@angular/core	>=15.2.0 <16.0.0

Packages

Name	Version	Always Add to package.json
@angular/core	~16.0.0	Add if not installed
zone.js	~0.13.0	Update only
@angular-devkit/architect	~0.1600.0	Update only
@angular-devkit/build-angular	~16.0.0	Update only
@angular-devkit/build-webpack	~0.1600.0	Update only
@angular-devkit/core	~16.0.0	Update only
@angular-devkit/schematics	~16.0.0	Update only
@angular/pwa	~16.0.0	Update only
@schematics/angular	~16.0.0	Update only
ng-packagr	~16.0.0	Update only
@nguniversal/build-angular	~16.0.0	Update only
@nguniversal/builders	~16.0.0	Update only
@nguniversal/common	~16.0.0	Update only
@nguniversal/express-engine	~16.0.0	Update only
@angular/material	~16.0.0	Update only
@angular/cdk	~16.0.0	Update only

16.1.0-angular-eslint-package-updates

Version: 16.1.0-beta.1

Requires

Name	Version
eslint	^7.20.0 || ^8.0.0
@angular/core	>=16.0.0 <17.0.0

Packages

Name	Version	Always Add to package.json
@angular-eslint/eslint-plugin	~16.0.0	Update only
@angular-eslint/eslint-plugin-template	~16.0.0	Update only
@angular-eslint/template-parser	~16.0.0	Update only

• 16.0.x

remove-protractor-defaults-from-generators

Remove protractor as default e2eTestRunner from nxJson and project configurations

Version: 16.0.0-beta.6

remove-karma-defaults-from-generators

Remove karma as default unitTestRunner from nxJson and project configurations

Version: 16.0.0-beta.6

remove-library-generator-simple-module-name-option

Replace the deprecated library generator 'simpleModuleName' option from generator defaults with 'simpleName'

Version: 16.0.0-beta.1

update-16-0-0-add-nx-packages

Replace @nrwl/angular with @nx/angular

Version: 16.0.0-beta.1