Building Large Angular Apps With Bazel

on YouTube ↗36m

" summary

Bazel builds Angular apps by wiring the Node runtime and package manager into the repo, using a yarn_install rule that generates fine‑grained build targets instead of one giant node_modules blob, which shrinks action inputs and speeds remote execution. TypeScript compilation runs via an external typescript package plus Bazel rules; automatic buildfile generation is emerging as ts_autodeps (v0). Watch mode comes from ibazel. Demo shows ng cli production builds and lazy‑loaded JS chunks working end‑to‑end.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 3:55Why web development is hard
3. 11:41Frontend tooling limits
4. 13:46Bazel as better build system
5. 14:08Bazel building blocks and Node.js rules
6. 17:57Managing dependencies with Bazel
7. 20:42Fine-grained dependency handling
8. 22:27Idiomatic JavaScript install
9. 23:50Angular rules and ecosystem
10. 25:57Real-world Angular with Bazel
11. 26:40Performance gains with remote execution
12. 27:21Live demo: Angular CLI with Bazel
13. 30:11Watch mode and future improvements
14. 30:32Resources and closing

" related talks

• 20mHow I love being ejected: Customizing your Angular build with BazelGreg Magolan · NGConf 2018
• 23mFull stack development with Bazel, Angular and other friends.Torgeir Helgevold · NG-BE 2018
• 29mABC: Angular, Bazel, CLIKeen Yee · NG-MY 2019
• 19mBazel + Angular TodayJorge Cano · ng-conf 2020: Hardwired
• 28mFront End Development with Bazel: Angular/TypeScript and Persistent WorkersAlex Eagle, Mike Morearty · BazelCon 2017
• 22mThe Bazel Opt-in Preview is Here!Alex Eagle · ng-conf 2019
• 27mBuilding Angular Applications like GoogleRado Kirov · AngularConnect 2017
• 22mMono-Repos and Bazel FTBuildJorge Cano · NG Bolivia 2019