且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular CLI builder 学习笔记

更新时间:2022-09-08 14:30:53

处理器函数接收两个参数:一组 options 输入(JSON 对象)和一个 context(BuilderContext 对象)。


前者由使用 Angular CLI 的用户指定。Context 对象则由 Builder API 创建。


Angular 提供了一些构建器,供 CLI 命令使用,如 ng build、ng test 和 ng lint 等。这些内置 CLI 构建器的默认目标配置可以在工作区配置文件 angular.json 的 architect 部分找到(并进行自定义)。


如下图高亮区域所示:


Angular CLI builder 学习笔记Angular CLI builder 学习笔记

可以通过创建自己的构建器来扩展和自定义 Angular,你可以使用 ng run CLI 命令来运行你自己的构建器。


构建器的项目结构

构建器位于一个 project 文件夹中,该文件夹的结构类似于 Angular 工作区,包括位于顶层的全局配置文件,以及位于工作代码所在源文件夹中的更具体的配置。例如,自定义 builder 文件夹中可能包含如下文件。


Angular CLI builder 学习笔记


schema.json

Angular CLI builder 学习笔记


tsconfig.json

Angular CLI builder 学习笔记Angular CLI builder 学习笔记


builders.json


Angular CLI builder 学习笔记

SAP Spartacus 的自定义 builder:tools\build-lib\augmented-types\index.ts