All 5 Standalone Components questions
More in Standalone Components
What is a standalone component in Angular, and how do you create one? How do you bootstrap an Angular application using only standalone components, without a root NgModule? Why does the standalone components approach generally result in smaller final bundle sizes? How do standalone components handle lazy loading differently from NgModule based lazy loading?
Advertisement
Back to results for “Architecture”
Angular › Standalone Components

How would you migrate an existing NgModule based Angular application to standalone components?

Advanced

Answer

Angular provides an official CLI schematic that automatically analyzes your existing NgModules and converts your components, directives, and pipes to standalone versions, updating their imports accordingly, significantly reducing the manual work needed for a large scale migration.
ng generate @angular/core:standalone

// Offers several migration steps, such as converting components to standalone
// and removing now unnecessary NgModule declarations
Real-world example A team running an older, large Angular application uses the official migration schematic to convert the vast majority of their components to standalone automatically, only needing to manually review and fix a handful of edge cases afterward.

Common follow-ups: What parts of a migration typically still need manual review after running the automated schematic?;Should a large application migrate all at once, or gradually feature by feature?

Angular Schematics & Custom Builders;NgModules & Modular Architecture
All 5 Standalone Components questions