angular - 将 Angular Material 添加到自定义库

Question

我想编写自己的库并在其他项目中重用它，所以我创建了一个新应用并在那里生成了一个库:

ng new lib-collection
cd lib-collection
ng g library first-lib --prefix va

如何将 Angular Material 添加到我的库中？我想使用这样的东西:

ng add @angular/material --project=first-lib

但我收到一个错误:无法在工作区配置 (projects/first-lib/src) 中找到项目主文件。怎么了？

Answer 1

你不需要在那里添加它。

您需要将它添加到您的主要应用程序中:

ng add @angular/material

然后将“@angular/material”添加到projects/first-lib/src/package.json的peerDependencies中(只需复制一行来自您的主要 package.json 的 @angular/material。

你刚才做了什么:

1. 您将库安装到主要的 package.json 并且现在可以在本地运行您的代码，因为本地 angular cli 将使用主要的 package.json 和 节点模块
2. 你将它设置为一个库的依赖，在你发布它并安装在另一个地方后，它会要求你在那里安装 peerDependencies(作为 npm 警告)

当然，您也可以将它添加到 dependencies 而不是 peerDependencies 并让它随您的库自动安装，但这不是管理前端的好方法依赖项(但对于纯 node.js 包可能仍然有用)