Angular Builders
A collection of community builders for Angular CLI that extend build capabilities with Jest, custom webpack, and ESBuild configurations.
What is Angular Builders?
Angular Builders is a collection of extensions for the Angular CLI's build facade that enable developers to customize and enhance their build processes. It consolidates community-built builders to provide powerful alternatives to the default Angular CLI tooling, making it easier to integrate specialized testing and bundling solutions. The project offers builders for custom ESBuild and Webpack configurations, Jest for testing, Bazel integration, and an example timestamp builder.
Angular developers who need to customize their build, testing, or bundling processes beyond the default Angular CLI capabilities, such as those requiring specific Webpack plugins, Jest for unit testing, or ESBuild optimizations.
Developers choose Angular Builders because it provides a consolidated, community-driven set of builders that maintain compatibility with Angular's major versions, offering flexible and powerful alternatives to default CLI tooling without requiring a complete build system overhaul.
Overview
Angular build facade extensions (Jest and custom webpack configuration)
Use Cases
Best For
- Customizing ESBuild configuration for Angular applications to optimize bundling and performance.
- Integrating custom Webpack configurations within Angular CLI projects for advanced plugin or loader needs.
- Running unit tests with Jest instead of Karma via the `ng test` command for improved testing workflows.
- Integrating the Bazel build system with Angular CLI projects using an `ng` wrapper.
- Learning how to create custom Angular CLI builders through the provided timestamp example builder.
- Maintaining build customization across different Angular major versions with version-matched builders.
Not Ideal For
- Teams fully satisfied with Angular's default Karma testing setup and unwilling to switch to Jest
- Projects prioritizing minimal third-party dependencies to avoid maintenance overhead from community tools
- Applications requiring build customization but using Angular versions not actively supported by the latest builders due to strict major version matching
Pros & Cons
Pros
Gathers various community-built builders into a single repository, providing a one-stop solution for extending Angular CLI capabilities beyond defaults, as evidenced by the list of builders like custom-esbuild and jest.
Offers custom ESBuild and Webpack builders, allowing developers to tweak bundling and optimization settings for performance gains, directly integrating with Angular CLI commands.
Includes a Jest builder that replaces Karma with Jest for unit testing via `ng test`, enabling features like snapshot testing and faster execution in testing workflows.
Provides a builder that wraps Bazel, making it easier to integrate this scalable build system with Angular projects through familiar CLI commands.
Cons
Requires builders to match Angular's major version exactly, as stated in the README, which complicates upgrades and can lead to dependency issues if versions drift.
Setting up custom builders like Webpack or ESBuild demands additional configuration files and advanced knowledge, increasing project complexity compared to default CLI tooling.
The README is concise, and detailed usage often requires exploring individual package docs or community resources, which might be sparse or outdated for some builders.
Frequently Asked Questions
Related Projects
angular-rspackThe Monorepo Platform that amplifies both developers and AI agents. Nx optimizes your builds, scales your CI, and fixes failed PRs automatically. Ship in half the time.
ng-packagrCompile and package Angular libraries in Angular Package Format (APF)
ngx-build-plusExtend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements
Jest BuilderAngular build facade extensions (Jest and custom webpack configuration)
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.