How I love being ejected: Customizing your Angular build with Bazel
summary
Shows how to replace webpack with Bazel and compose ng_module rule + ts_library, sass_binary rule and rollup_bundle to build, test and serve an Angular app; a live demo adds a pipe, miswires a dependency then fixes it by adding the correct label so the build succeeds. Claims Bazel gives incremental builds proportional to change, supports production bundles and Node servers, and notes Angular 6 itself is built with Bazel though the integration is still in labs.
AI-written summary · about
chapters (19)
- 0:00Start
- 2:06Build system configuration
- 2:50Central config files
- 3:42How would this be possible?
- 5:29Bazel build configuration
- 8:08tsconfig.json
- 8:26Multiple modules
- 9:09Chaining rules of different types
- 9:21A basic Angular application
- 10:22Two Angular modules
- 10:57ng_module assets
- 11:50SASS styles
- 12:00TypeScript library
- 12:20Karma test
- 12:35Run a test
- 12:45Production server
- 16:29Incremental builds
- 17:47Angular + Bazel Roadmap
- 18:43resources
related talks
36mBuilding Large Angular Apps With Bazel
23mFull stack development with Bazel, Angular and other friends.
29mABC: Angular, Bazel, CLI
19mBazel + Angular Today
22mThe Bazel Opt-in Preview is Here!
44mRockin’ in the Angular World
28mFront End Development with Bazel: Angular/TypeScript and Persistent Workers
22mMono-Repos and Bazel FTBuild