Optimal builds in Angular with Vite and esbuild
summary
Angular CLI now wires a Vite + esbuild pipeline that compiles templates to JS interoperable with signals for fine-grained reactivity and emits defer views extracting chunks with their transitive deps. Replacing parts of the pipeline with esbuild yields ~10% faster builds (and another 10% via build-optimizer changes) and a reported >3× faster production build for an app with ~100,000 lines of code. NG serve uses a Vite plugin for fast cold starts, lazy bundling and incremental on-request chunking.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 0:16Tooling context
- 0:38JavaScript optimization
- 1:02Reactivity exploration
- 3:12Signals and deferred views
- 6:14CLI abstraction
- 6:56Build pipeline updates
- 11:02Performance benchmarks
- 11:20Future and conclusion
- 14:13Q&A
related talks
27mAngular, Vite, and Some Things that are Neat
17mVite, Meta Frameworks, and Angular
41mState of Angular
20mVite - The Next Generation Frontend Tooling
41mRenaissance of Angular
25mThe Eternal Sunshine of the Zero Build Pipeline
20mTools for Fast Angular Applications
40mOptimized Angular Apps: Smaller, Faster, Better