Sample Code Changes
Update the @angular/cli package version in the package.json file at the workspace root to ~20.2.0.
package.json
1{
2 "devDependencies": {
3 "@angular/cli": "~20.1.0"
4 }
5}
6@nx/angular:migrations | Nx
Migration References
Here is a list of all migrations available for this package.
21.5.x
- Set the
tsConfigoption in the target options for library build executors. It moves the value from the targetdevelopmentconfiguration and it doesn't set it if the option is already set. - Set
tsconfig.spec.jsonas thetsConfigoption in the target options for the@nx/jest:jestexecutor. It only does it if the file exists and the options is not already set. 21.4.x
21.3.x
21.2.x
21.1.x
21.0.x
@angular-devkit/build-angular:dev-server@angular-devkit/build-angular:ssr-dev-server@nx/angular:dev-server@nx/angular:module-federation-dev-server@nx/angular:module-federation-dev-ssr20.8.x
20.5.x
20.4.x
20.3.x
20.2.x
@angular/build:application@angular-devkit/build-angular:application@nx/angular:application@angular-devkit/build-angular:browser-esbuild@nx/angular:browser-esbuild19.7.x
19.6.x
19.5.x
19.4.x
19.2.x
19.1.x
18.2.x
18.1.x
18.0.x
17.3.x
17.2.x
17.1.x
16.8.x
16.7.x
16.6.x
16.4.x
16.2.x
16.1.x
update-angular-cli-version-20-2-0
Update the @angular/cli package version to ~20.2.0.
Version: 21.5.0-beta.2
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.2.0 |
remove-default-karma-configuration-files
Remove any Karma configuration files that only contain the default content. The default configuration is automatically available without a specific project configurationfile.
Version: 21.5.0-beta.2
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.2.0 |
Remove the Default Karma Configuration Files
Removes Karma configuration files that match the default configuration generated by Angular CLI to reduce boilerplate code in the workspace. The migration also removes the karmaConfig option from project targets when the configuration file is removed.
Examples
The migration will remove karma.conf.js files that contain only default settings and update the project configuration:
apps/my-app/karma.conf.js
1// Karma configuration file, see link for more information
2// https://karma-runner.github.io/1.0/config/configuration-file.html
3
4module.exports = function (config) {
5 config.set({
6 basePath: '',
7 frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 plugins: [
9 require('karma-jasmine'),
10 require('karma-chrome-launcher'),
11 require('karma-jasmine-html-reporter'),
12 require('karma-coverage'),
13 require('@angular-devkit/build-angular/plugins/karma'),
14 ],
15 client: {
16 jasmine: {
17 // you can add configuration options for Jasmine here
18 // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
19 // for example, you can disable the random execution with `random: false`
20 // or set a specific seed with `seed: 4321`
21 },
22 },
23 jasmineHtmlReporter: {
24 suppressAll: true, // removes the duplicated traces
25 },
26 coverageReporter: {
27 dir: require('path').join(__dirname, '../../coverage/my-app'),
28 subdir: '.',
29 reporters: [{ type: 'html' }, { type: 'text-summary' }],
30 },
31 reporters: ['progress', 'kjhtml'],
32 browsers: ['Chrome'],
33 restartOnFileChange: true,
34 });
35};
36apps/my-app/project.json
1{
2 "name": "my-app",
3 "targets": {
4 "test": {
5 "executor": "@angular-devkit/build-angular:karma",
6 "options": {
7 "karmaConfig": "apps/my-app/karma.conf.js",
8 "polyfills": ["zone.js", "zone.js/testing"]
9 }
10 }
11 }
12}
13If the Karma configuration contains customizations, the migration will preserve the file and configuration:
apps/custom-app/karma.conf.js
1module.exports = function (config) {
2 config.set({
3 basePath: '',
4 frameworks: ['jasmine', '@angular-devkit/build-angular'],
5 plugins: [
6 require('karma-jasmine'),
7 require('karma-chrome-launcher'),
8 require('karma-jasmine-html-reporter'),
9 require('karma-coverage'),
10 require('@angular-devkit/build-angular/plugins/karma'),
11 ],
12 browsers: ['ChromeHeadless'], // Custom browser configuration
13 restartOnFileChange: true,
14 });
15};
1621.5.0-package-updates
Version: 21.5.0-beta.2
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.1.0 <20.2.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @angular-devkit/build-angular | ~20.2.0 | Update only |
| @angular-devkit/core | ~20.2.0 | Update only |
| @angular-devkit/schematics | ~20.2.0 | Update only |
| @angular/build | ~20.2.0 | Update only |
| @angular/pwa | ~20.2.0 | Update only |
| @angular/ssr | ~20.2.0 | Update only |
| @schematics/angular | ~20.2.0 | Update only |
| @angular-devkit/architect | ~0.2002.0 | Update only |
| @angular-devkit/build-webpack | ~0.2002.0 | Update only |
| @angular/core | ~20.2.0 | Add if not installed |
| @angular/material | ~20.2.0 | Update only |
| @angular/cdk | ~20.2.0 | Update only |
| @angular/google-maps | ~20.2.0 | Update only |
| ng-packagr | ~20.2.0 | Update only |
21.5.0-angular-eslint-package-updates
Version: 21.5.0-beta.2
Requires
| Name | Version |
|---|---|
| @angular/core | >= 20.0.0 < 21.0.0 |
| typescript-eslint | ^8.0.0 |
| eslint | ^8.57.0 || ^9.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| angular-eslint | ^20.2.0 | Update only |
| @angular-eslint/eslint-plugin | ^20.2.0 | Update only |
| @angular-eslint/eslint-plugin-template | ^20.2.0 | Update only |
| @angular-eslint/template-parser | ^20.2.0 | Update only |
| @angular-eslint/utils | ^20.2.0 | Update only |
| @angular-eslint/schematics | ^20.2.0 | Update only |
| @angular-eslint/test-utils | ^20.2.0 | Update only |
| @angular-eslint/builder | ^20.2.0 | Update only |
| @angular-eslint/bundled-angular-compiler | ^20.2.0 | Update only |
21.5.0-@angular-eslint-package-updates
Version: 21.5.0-beta.2
Requires
| Name | Version |
|---|---|
| @angular/core | >= 20.0.0 < 21.0.0 |
| eslint | ^8.57.0 || ^9.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @angular-eslint/eslint-plugin | ^20.2.0 | Update only |
| @angular-eslint/eslint-plugin-template | ^20.2.0 | Update only |
| @angular-eslint/template-parser | ^20.2.0 | Update only |
| @angular-eslint/utils | ^20.2.0 | Update only |
| @angular-eslint/schematics | ^20.2.0 | Update only |
| @angular-eslint/test-utils | ^20.2.0 | Update only |
| @angular-eslint/builder | ^20.2.0 | Update only |
| @angular-eslint/bundled-angular-compiler | ^20.2.0 | Update only |
set-tsconfig-option
Set the 'tsConfig' option to build and test targets to help with Angular migration issues.
Version: 21.5.0-beta.0
Set tsConfig option for build and test targets
Examples
The migration will move the tsConfig option for library build executors (@nx/angular:ng-packagr-lite and @nx/angular:package) from the development configuration to the target options if it's not already set:
libs/lib1/project.json
1{
2 "targets": {
3 "build": {
4 "executor": "@nx/angular:ng-packagr-lite",
5 "configurations": {
6 "development": {
7 "tsConfig": "libs/lib1/tsconfig.lib.dev.json"
8 }
9 }
10 }
11 }
12}
13The migration will set the tsConfig option for the @nx/jest:jest executor when the tsconfig.spec.json file exists and the option is not already set:
apps/app1/project.json
1{
2 "targets": {
3 "test": {
4 "executor": "@nx/jest:jest"
5 }
6 }
7}
8If the tsConfig option is already set in the target options, the migration will not modify the configuration:
libs/lib1/project.json
1{
2 "targets": {
3 "build": {
4 "executor": "@nx/angular:ng-packagr-lite",
5 "options": {
6 "tsConfig": "libs/lib1/tsconfig.lib.json"
7 },
8 "configurations": {
9 "development": {
10 "tsConfig": "libs/lib1/tsconfig.lib.dev.json"
11 }
12 }
13 }
14 }
15}
1621.4.0-ngrx-package-updates
Version: 21.4.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | ^20.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @ngrx/store | ^20.0.0 | Update only |
21.3.5-jest-package-updates
Version: 21.3.5-beta.0
Requires
| Name | Version |
|---|---|
| @angular/compiler-cli | >=18.0.0 <21.0.0 |
| @angular/core | >=18.0.0 <21.0.0 |
| @angular/platform-browser-dynamic | >=18.0.0 <21.0.0 |
| jest | ^30.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| jest-preset-angular | ~15.0.0 | Update only |
update-angular-cli-version-20-1-0
Update the @angular/cli package version to ~20.1.0.
Version: 21.3.0-beta.4
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.1.0 |
Sample Code Changes
Update the @angular/cli package version in the package.json file at the workspace root to ~20.1.0.
package.json
1{
2 "devDependencies": {
3 "@angular/cli": "~20.0.0"
4 }
5}
621.3.0-package-updates
Version: 21.3.0-beta.4
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 <20.1.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @angular-devkit/build-angular | ~20.1.0 | Update only |
| @angular-devkit/core | ~20.1.0 | Update only |
| @angular-devkit/schematics | ~20.1.0 | Update only |
| @angular/build | ~20.1.0 | Update only |
| @angular/pwa | ~20.1.0 | Update only |
| @angular/ssr | ~20.1.0 | Update only |
| @schematics/angular | ~20.1.0 | Update only |
| @angular-devkit/architect | ~0.2001.0 | Update only |
| @angular-devkit/build-webpack | ~0.2001.0 | Update only |
| @angular/core | ~20.1.0 | Add if not installed |
| @angular/material | ~20.1.0 | Update only |
| @angular/cdk | ~20.1.0 | Update only |
| @angular/google-maps | ~20.1.0 | Update only |
| ng-packagr | ~20.1.0 | Update only |
update-angular-cli-version-20-0-0
Update the @angular/cli package version to ~20.0.0.
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 |
Sample Code Changes
Update the @angular/cli package version in the package.json file at the workspace root to ~20.0.0.
package.json
1{
2 "devDependencies": {
3 "@angular/cli": "~19.2.0"
4 }
5}
6migrate-provide-server-rendering-import
Migrate imports of `provideServerRendering` from `@angular/platform-server` to `@angular/ssr`.
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 |
Migrate Imports of provideServerRendering from @angular/platform-server to @angular/ssr
Migrate the imports of provideServerRendering from @angular/platform-server to @angular/ssr. This migration will also add the @angular/ssr package to your dependencies if needed.
Examples
Change the import of provideServerRendering from @angular/platform-server to @angular/ssr:
app/app.config.server.ts
1import { ApplicationConfig } from '@angular/core';
2import { provideServerRendering } from '@angular/platform-server';
3
4const serverConfig: ApplicationConfig = {
5 providers: [provideServerRendering()],
6};
7If you already have imports from @angular/ssr, the migration will add provideServerRendering to the existing import:
app/app.config.server.ts
1import { ApplicationConfig } from '@angular/core';
2import { provideServerRendering } from '@angular/platform-server';
3import { provideServerRouting } from '@angular/ssr';
4import { serverRoutes } from './app.routes.server';
5
6const serverConfig: ApplicationConfig = {
7 providers: [provideServerRendering(), provideServerRouting(serverRoutes)],
8};
9replace-provide-server-routing
Replace `provideServerRouting` and `provideServerRoutesConfig` with `provideServerRendering` using `withRoutes`.
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 |
Replace provideServerRouting and provideServerRoutesConfig with provideServerRendering
Replace provideServerRouting and provideServerRoutesConfig calls with provideServerRendering using withRoutes.
Examples
Remove provideServerRouting from your providers array and update the provideServerRendering call to use withRoutes:
app/app.config.server.ts
1import { ApplicationConfig } from '@angular/core';
2import { provideServerRendering, provideServerRouting } from '@angular/ssr';
3import { serverRoutes } from './app.routes.server';
4
5const serverConfig: ApplicationConfig = {
6 providers: [provideServerRendering(), provideServerRouting(serverRoutes)],
7};
8If you have provideServerRouting with additional arguments, the migration will preserve them:
app/app.config.server.ts
1import { ApplicationConfig } from '@angular/core';
2import {
3 provideServerRendering,
4 provideServerRouting,
5 withAppShell,
6} from '@angular/ssr';
7import { serverRoutes } from './app.routes.server';
8
9const serverConfig: ApplicationConfig = {
10 providers: [
11 provideServerRendering(),
12 provideServerRouting(serverRoutes, withAppShell(AppShellComponent)),
13 ],
14};
15Remove provideServerRoutesConfig from your providers array and update the provideServerRendering call to use withRoutes:
app/app.config.server.ts
1import { ApplicationConfig } from '@angular/core';
2import {
3 provideServerRendering,
4 provideServerRoutesConfig,
5 withAppShell,
6} from '@angular/ssr';
7import { serverRoutes } from './app.routes.server';
8
9const serverConfig: ApplicationConfig = {
10 providers: [
11 provideServerRendering(),
12 provideServerRoutesConfig(serverRoutes, withAppShell(AppShellComponent)),
13 ],
14};
15set-generator-defaults-for-previous-style-guide
Update the generator defaults to maintain the previous style guide behavior.
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 |
Set Generator Defaults for Previous Style Guide
Updates the generator defaults in the nx.json file to maintain the previous Angular Style Guide behavior. This ensures that newly generated code in existing workspaces follows the same conventions as the existing codebase.
Examples
The migration will add default configurations for the relevant Angular generators in the workspace's nx.json file:
nx.json
1{
2 "generators": {}
3}
4If some of the generator defaults are already set, the migration will not override them:
nx.json
1{
2 "generators": {
3 "@nx/angular:component": {
4 "type": "cmp"
5 },
6 "@schematics/angular:component": {
7 "type": "cmp"
8 },
9 "@nx/angular:interceptor": {
10 "typeSeparator": "-"
11 },
12 "@schematics/angular:interceptor": {
13 "typeSeparator": "-"
14 }
15 }
16}
17update-module-resolution
Update 'moduleResolution' to 'bundler' in TypeScript configurations. You can read more about this here: https://www.typescriptlang.org/tsconfig/#moduleResolution.
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=20.0.0 |
Update moduleResolution to bundler in TypeScript configurations
Updates the TypeScript moduleResolution option to 'bundler' for improved compatibility with modern package resolution algorithms used by bundlers like Webpack, Vite, and esbuild.
Examples
The migration will update TypeScript configuration files in your workspace to use the 'bundler' module resolution strategy:
apps/app1/tsconfig.app.json
1{
2 "compilerOptions": {
3 "module": "es2020",
4 "moduleResolution": "node"
5 }
6}
7If the moduleResolution is already set to 'bundler' or the module is set to 'preserve', the migration will not modify the configuration:
apps/app1/tsconfig.app.json
1{
2 "compilerOptions": {
3 "module": "preserve",
4 "moduleResolution": "node"
5 }
6}
721.2.0-package-updates
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >=19.2.0 <20.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @angular-devkit/build-angular | ~20.0.0 | Update only |
| @angular-devkit/core | ~20.0.0 | Update only |
| @angular-devkit/schematics | ~20.0.0 | Update only |
| @angular/build | ~20.0.0 | Update only |
| @angular/pwa | ~20.0.0 | Update only |
| @angular/ssr | ~20.0.0 | Update only |
| @schematics/angular | ~20.0.0 | Update only |
| @angular-devkit/architect | ~0.2000.0 | Update only |
| @angular-devkit/build-webpack | ~0.2000.0 | Update only |
| @angular/core | ~20.0.0 | Add if not installed |
| @angular/material | ~20.0.0 | Update only |
| @angular/cdk | ~20.0.0 | Update only |
| @angular/google-maps | ~20.0.0 | Update only |
| ng-packagr | ~20.0.0 | Update only |
21.2.0-angular-eslint-package-updates
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >= 20.0.0 < 21.0.0 |
| typescript-eslint | ^8.0.0 |
| eslint | ^8.57.0 || ^9.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| angular-eslint | ^20.0.0 | Update only |
21.2.0-@angular-eslint-package-updates
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/core | >= 20.0.0 < 21.0.0 |
| eslint | ^8.57.0 || ^9.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @angular-eslint/eslint-plugin | ^20.0.0 | Update only |
| @angular-eslint/eslint-plugin-template | ^20.0.0 | Update only |
| @angular-eslint/template-parser | ^20.0.0 | Update only |
| @angular-eslint/utils | ^20.0.0 | Update only |
| @angular-eslint/schematics | ^20.0.0 | Update only |
| @angular-eslint/test-utils | ^20.0.0 | Update only |
| @angular-eslint/builder | ^20.0.0 | Update only |
| @angular-eslint/bundled-angular-compiler | ^20.0.0 | Update only |
21.2.0-angular-rspack-package-updates
Version: 21.2.0-beta.3
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @nx/angular-rspack | ^21.1.0 | Update only |
21.2.0-jest-package-updates
Version: 21.2.0-beta.3
Requires
| Name | Version |
|---|---|
| @angular/compiler-cli | >=15.0.0 <21.0.0 |
| @angular/core | >=15.0.0 <21.0.0 |
| @angular/platform-browser-dynamic | >=15.0.0 <21.0.0 |
| jest | ^29.0.0 |
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| jest-preset-angular | ~14.6.0 | Update only |
21.1.0-package-updates
Version: 21.1.0-beta.1
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @nx/angular-rspack | ^21.0.1 | Update only |
change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence
Change the data persistence operator imports to '@ngrx/router-store/data-persistence'.
Version: 21.0.0-beta.5
Requires
| Name | Version |
|---|---|
| @ngrx/store | >=16.0.0 |
Change the Data Persistence Operator Imports from @nx/angular to @ngrx/router-store/data-persistence
The data persistence operators (fetch, navigation, optimisticUpdate, and pessimisticUpdate) have been deprecated for a while and are now removed from the @nx/angular package. This migration automatically updates your import statements to use the @ngrx/router-store/data-persistence module and adds @ngrx/router-store to your dependencies if needed.
Examples
If you import only data persistence operators from @nx/angular, the migration will update the import path to @ngrx/router-store/data-persistence.
apps/app1/src/app/users/users.effects.ts
1import { Actions, createEffect, ofType } from '@ngrx/effects';
2import { fetch } from '@nx/angular';
3
4()
5export class UsersEffects {
6 // ...
7}
8If you import multiple data persistence operators from @nx/angular, the migration will update the import path for all of them.
apps/app1/src/app/users/users.effects.ts
1import { Injectable } from '@angular/core';
2import { fetch, navigation } from '@nx/angular';
3
4()
5export class UsersEffects {
6 // ...
7}
8If your imports mix data persistence operators with other utilities from @nx/angular, the migration will split them into separate import statements.
apps/app1/src/app/users/users.effects.ts
1import { Injectable } from '@angular/core';
2import { fetch, someExtraUtility, navigation } from '@nx/angular';
3
4()
5export class UsersEffects {
6 // ...
7}
8If you don't already have @ngrx/router-store in your dependencies, the migration will add it to your package.json.
package.json
1{
2 "dependencies": {
3 "@nx/angular": "^21.0.0",
4 "@ngrx/store": "^19.1.0",
5 "@ngrx/effects": "^19.1.0"
6 // ...
7 }
8}
9set-continuous-option
Set the `continuous` option to `true` for continuous tasks.
Version: 21.0.0-beta.3
Set continuous Option for Continuous Tasks
This migration sets the continuous option to true for tasks that are known to run continuously, and only if the option is not already explicitly set.
Specifically, it updates Angular targets using the following executors:
Examples
apps/app1/project.json
1{
2 // ...
3 "targets": {
4 // ...
5 "serve": {
6 "executor": "@angular-devkit/build-angular:dev-server",
7 "options": {
8 "buildTarget": "my-app:build",
9 "port": 4200
10 }
11 }
12 }
13}
14When a target is already explicitly configured with a continuous option, the migration will not modify it:
apps/app1/project.json
1{
2 // ...
3 "targets": {
4 // ...
5 "serve": {
6 "continuous": false,
7 "executor": "@nx/angular:dev-server",
8 "options": {
9 "buildTarget": "my-app:build",
10 "port": 4200
11 }
12 }
13 }
14}
1520.8.1-package-updates
Version: 20.8.1-beta.0
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| @nx/angular-rspack | ^20.7.0 | Update only |
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}
620.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 |
| @angular/google-maps | ~19.2.1 | Update only |
| ng-packagr | ~19.2.0 | Update only |
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}
6Update in dependencies:
package.json
1{
2 "dependencies": {
3 "@angular/cli": "~13.3.0"
4 }
5}
620.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 |
| @angular/google-maps | ~19.1.0 | Update only |
| ng-packagr | ~19.1.0 | Update only |
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}
420.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.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}
13remove-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}
12Remove 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}
1120.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}
11import { 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}
6Update in dependencies:
package.json
1{
2 "dependencies": {
3 "@angular/cli": "~13.3.0"
4 }
5}
6add-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:
apps/app1/project.json
1{
2 "targets": {
3 "build": {
4 "executor": "@angular/build:application",
5 "options": {
6 "localize": true
7 }
8 }
9 }
10}
11update-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';
620.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 |
| @angular/google-maps | ~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';
2update-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';
519.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 |
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.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.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 |
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.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 |
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 |
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 |
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
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.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.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.0-package-updates
Version: 16.8.0-beta.2
Packages
| Name | Version | Always Add to package.json |
|---|---|---|
| esbuild | ^0.19.2 | Update only |
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 |
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
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 |
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.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 |
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 |