@angular-devkit/architect

What is @angular-devkit/architect?

The @angular-devkit/architect package is a tooling and scaffolding library for Angular projects that provides an API to perform complex workflows and build steps in a scalable way. It is used to define builders that can execute tasks like building, serving, and testing Angular applications.

What are @angular-devkit/architect's main functionalities?

Running Builders

This feature allows you to run builders which are functions that can perform a specific task like building or serving an application. The code sample demonstrates how to load and run a builder using the Architect class.

const architect = new Architect(workspace); architect.loadBuilder(info).then(builder => { const run = builder.run(builderConfig); });

Creating Custom Builders

This feature enables the creation of custom builders. The code sample shows how to create a simple custom builder that always succeeds.

import { BuilderOutput, createBuilder } from '@angular-devkit/architect'; export default createBuilder<any, BuilderOutput>((options, context) => { // Custom builder logic here return { success: true }; });

Handling Build Targets

This feature is about scheduling and running builders associated with specific targets defined in the Angular workspace configuration. The code sample illustrates how to schedule a build target.

const target = { project: 'example', target: 'build' }; architect.scheduleTarget(target).then(builderRun => { // Use the result of the builder run });

Other packages similar to @angular-devkit/architect

webpack

Webpack is a powerful module bundler and task runner that can handle many of the same tasks as @angular-devkit/architect, such as building and bundling applications. However, webpack is more general-purpose and is not specific to Angular, whereas @angular-devkit/architect is designed to work within the Angular ecosystem.

gulp

Gulp is a toolkit for automating time-consuming tasks in your development workflow. It is similar to @angular-devkit/architect in that it can be used to define and run tasks, but it uses a streaming build system and is not specific to Angular. Gulp requires more manual setup for Angular-specific tasks.

grunt

Grunt is a JavaScript task runner that offers similar functionality to @angular-devkit/architect. It can automate tasks like minification, compilation, and testing. Like Gulp, Grunt is not tailored to Angular and requires more configuration for Angular-specific workflows.

README

Angular Build Facade

WIP