Angular.json详解与配置优化

"本文将深入讲解Angular CLI 6.0+版本后引入的angular.json文件的使用，这个变化是由于Angular CLI转向了monorepo（多项目仓库）开发模式，使得单个工作空间能够更好地管理多个项目和组件库。在旧版本的angular-cli.json的基础上，angular.json提供了更灵活的配置，以适应新的开发环境。 首先，让我们了解一下angular.json的基本构成。当使用ng new命令创建一个新工作空间时，会自动生成一个基本的angular.json配置文件，其中包括以下几个关键字段： 1. **$schema**: 这个字段引用了一个JSON Schema文件，该文件定义了angular.json的所有字段及其规范。它类似于一种“类型提示”，帮助IDE或编辑器识别并验证配置的正确性。 2. **version**: 表示配置文件的版本，确保兼容性和向后兼容性。 3. **newProjectRoot**: 指定项目的根目录，通常为"projects"，用于组织不同项目的子目录。 4. **projects**: 这是实际的项目配置部分，每个项目有一个唯一的标识符，如"xxxx"，包含了项目的名称、源代码目录（sourceRoot）、项目类型（如application或library）、前缀（如app）、schematics（自定义工具配置）以及architect（构建和测试等任务配置）。 5. **defaultProject**: 设置默认项目，当你运行ng serve或ng build等命令时，如果没有指定项目，Angular CLI将默认使用这个项目。 在monorepo模式下，angular.json允许配置共享的npm包、typescript设置以及项目间的依赖关系，这对于大型企业级应用或组件库管理非常有用。尽管对于单个项目开发者来说，大部分情况下可能只需要关注单个项目配置，但理解全局视角和angular.json的灵活性有助于优化团队协作和代码管理。 angular.json文件是Angular CLI 6+版本中一个重要的配置文件，通过它，开发者可以更好地定制和管理自己的Angular项目，尤其是在采用多项目架构的场景中。熟悉并掌握其使用方法，可以帮助提升开发效率和代码一致性。如果你正在迁移或升级到Angular CLI的新版本，理解并调整angular.json将是不可或缺的一步。"