which directives are used in which component templates). Make connections between decorated classes (e.g.Scan every file in the project for decorated classes, and build a model of which components, directives, pipes, NgModules, etc.Create an instance of the TypeScript compiler, with some additional Angular functionality.The main flow of Angular compilation proceeds as follows: The main goal of ngc is to compile TypeScript code while transforming recognized Angular decorated classes into more efficient representations for run time. Let’s examine how ngc manages each of these goals. Re-compile quickly when the developer makes a change.Apply TypeScript’s type-checking rules to component templates.

Compile Angular decorators, including components and their templates.In this way, ngc can be considered an extended TypeScript compiler which also knows how to “execute” Angular decorators, applying their effects to the decorated classes at build time (as opposed to run time).

The decorator has been replaced with several static properties ( ɵfac and ɵcmp), which describe this component to the Angular runtime and implement rendering and change detection for its template.

Best html compiler