如何在 Angulrar Schematics 中添加包依赖官方

如何解决如何在 Angulrar Schematics 中添加包依赖官方

任务是扩展 ng-new 原理图并添加一些依赖项，例如 @angular/material 和 Lumberjack 等。

我发现了一篇文章，其中作者建议使用包“@schematics/angular/utility/dependencies”中提供的一些实用程序。我试过了，它工作正常。代码如下：

function addLibrary(_options: any): Rule {
  return (_tree: Tree,_context: SchematicContext) => {
   
    const dep: NodeDependency = {
      type: NodeDependencyType.Dev,name: '@angular/material',version: '11.2.8',overwrite: true,};
    addPackageJsonDependency(_,dep);
    const installTaskId = _context.addTask(new NodePackageInstallTask(),[]);
    return _tree


  };
}

然而，作者在同一篇文章中警告说

我在本文中介绍给您的辅助函数既不是 已记录或官方支持，将来可能会更改

所以我的问题是，是否有任何官方可靠的方法可以在 angular 原理图中添加包依赖项？特别是在扩展 ng-new 原理图时？

解决方法

我认为您可以安全地使用该函数，因为 Angular 在其所有内部包中内部使用该函数。

Angular CLI 包有很多这样的功能，很难记录每个功能（个人意见），这并不意味着你不能使用它。

但是，无论出于何种原因，如果您不想使用该函数，那么您可以编写自己的函数，使用 package.json 修改 Tree 文件。

function addPackageToPackageJson(host: Tree,pkg: string,version: string): Tree {
  if (host.exists("package.json")) {
    const sourceText = host.read("package.json")!.toString("utf-8");
    const json = JSON.parse(sourceText) as PackageJson;
    if (!json.dependencies) {
      json.dependencies = {};
    }
    if (!json.dependencies[pkg]) {
      json.dependencies[pkg] = version;
      json.dependencies = sortObjectByKeys(json.dependencies);
    }
    host.overwrite("package.json",JSON.stringify(json,null,2));
  }
  return host;
}

1. 使用 JSON 格式的树读取 package.json 文件内容。
2. 在您想要的任何依赖项中添加您的包和版本。
3. 使用主机覆盖功能编写内容。

参考：- https://github.com/angular/components/blob/HEAD/src/cdk/schematics/ng-add/package-config.ts#L24