Moderne OnlyThis recipe is proprietary to Moderne and runs on the Moderne platform or CLI — it isn’t part of the open-source catalog. Available with a Moderne subscription.Contact Sales

Upgrade to Angular 8

Recipe IDorg.openrewrite.angular.UpgradeToAngular8

Artifact@openrewrite/recipes-angular

Migrates Angular 7.x applications to Angular 8. This includes adding the now-required static: false to @ViewChild and @ContentChild decorators, moving the DOCUMENT import from @angular/platform-browser to @angular/common, removing rxjs-compat and flagging any remaining RxJS 5-style imports, flagging removed @angular/http imports, converting deprecated string-based loadChildren to dynamic imports, and upgrading Angular, TypeScript, and related dependency versions.

Composite recipeOpenRewriteModerne Proprietary License

Try in PlatformTry this recipe in the Moderne platform. Not a user yet? You’ll get a no-setup demo environment, with nothing to install or configure.

Definition

Recipes14

• Add static: false to view queries
• Move DOCUMENT import to @angular/common
• Find RxJS 5-style imports requiring rxjs-compat
• Replace string-based loadChildren with dynamic import()
• Find removed @angular/http usage
• Find removed @angular/platform-webworker usage
• Remove npm dependency
• Upgrade npm dependency version
• Upgrade npm dependency version
• Upgrade npm dependency version
• Upgrade npm dependency version
• Upgrade npm dependency version
• Upgrade npm dependency version
• Upgrade npm dependency version

Usage

Run this recipe

In order to run JavaScript recipes, you will need to use the Moderne CLI. For JavaScript specific configuration instructions, please see our configuring JavaScript guide.

Once the CLI is installed, you can install this JavaScript recipe package by running the following command:

Install the recipe package

mod config recipes npm install @openrewrite/recipes-angular

Then, you can run the recipe via:

Run the recipe

mod run . --recipe org.openrewrite.angular.UpgradeToAngular8