Front End Development with Bazel: Angular/TypeScript and Persistent Workers
summary
Practical report on using Bazel to build Angular and TypeScript code with persistent workers and concrete speedups: Asana moves ~150 Bazel packages (typical package 894 TypeScript lines plus 81k DTS) and cuts clean build time from ~5 minutes to ~1.5 minutes, and a package compile from 2.3s to 0.4s by caching 19,000-line lib.d.ts in memory. Implements bazel_tsc and interoperable rules_typescript, relies on persistent workers, and reports reliable incremental builds and parallel CPU scaling.
AI-written summary · about
chapters (12)
- 0:00Angular/TypeScript with Bazel
- 1:26JavaScript frontends need Bazel
- 3:50TypeScript compiler features
- 8:44Asana’s TypeScript/Bazel journey
- 10:33Persistent workers for faster builds
- 15:32Implement persistent workers
- 17:40TypeScript compiler API caching
- 22:01Bazel optimizations for TypeScript
- 23:44Static analysis with TypeScript
- 25:09Bazel rules and resources
- 26:51Angular/Bazel future
- 27:33Next steps & Q&A
related talks
36mBuilding Large Angular Apps With Bazel
23mFull stack development with Bazel, Angular and other friends.
19mBazel + Angular Today
23mWhy you need a build system, and why it should be Bazel
27mBuilding Angular Applications like Google
20mHow I love being ejected: Customizing your Angular build with Bazel
29mABC: Angular, Bazel, CLI
22mThe Bazel Opt-in Preview is Here!