Internals of the Angular CLI

on YouTube ↗24m

" summary

Angular CLI exposes a layered pipeline: schematics use an in-memory file system to scaffold and mutate projects and run ng add/ng update; migrations in version 9 parse TypeScript ASTs and use the TypeChecker to transform decorators (example: viewChild -> { static: true }) rather than brittle regexes; builds run Angular compiler (ngc) → TypeScript → build-optimizer annotations → Webpack bundling → terser dead-code elimination and differential ES2015→ES5 outputs.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to Angular CLI
2. 5:15Angular CLI architecture layers
3. 10:37Code transformations in schematics
4. 18:00Build optimization pipeline
5. 23:02Summary and Q&A

" related talks

• 01h 13mInternals of the Angular CLIMinko Gechev · HolyJS Piter 2020
• 27mExplore the power behind Angular CLISantosh Yadav · ngVikings 2020
• 43mAngular CLI - Use the PowerDavid Müllerchen · code.talks 2017
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019
• 45mThe new Angular CLI and angular.jsonDavid Müllerchen · iJS London 2019
• 16mState of AngularMark Thompson, Emma Twersky · Google I/O 2022
• 18mMad science with the Angular CompilerMinko Gechev · ng-conf 2017