创建一个角度库并在我的角度项目中本地使用它答案

【问题标题】：creating an angular library and using it locally with my angular project创建一个角度库并在我的角度项目中本地使用它
【发布时间】：2020-04-08 17:21:02
【问题描述】：

我正在尝试使用 Angular 9，我想创建一个项目，然后创建一个库项目并开始向其中添加我想稍后在 GitHub 上发布的通用模块，并在我的本地使用这些库项目。

这里是相关的依赖：

Angular CLI: 9.0.0-rc.6
Node: 13.3.0
OS: MacOS 10.15.2
PNPM: 4.3.0

首先我使用ng new foo 创建了我的角度项目，并使用ng add @angular/material 添加了角度材质依赖项

然后我使用ng new tuxin-ec --create-application=false 创建了我的库项目在其中我执行了ng generate library animated-images --prefix=tuxin-ec。

我打算创建 15 个通用库以供使用和发布。这是这样做的方法吗？只是为每个人做ng generate library？

目前在tuxin-ec项目目录下的项目下我有animated-images，其中包含一个模块、服务和控制器，我在控制器html和css中添加了相关代码。

我想在我的项目中本地链接tuxin-ec。所以在tuxin-ec根目录下我跑了pnpm link 在foo 目录下我运行pnpm link tuxin-ec。

在node_modules目录下的foo下我也有tuxin-ec链接目录。

问题是我想做import {AnimatedImagesModule} from 'tuxin-ec 但它抱怨找不到tuxin-ec

我能做的是import {AnimatedImagesModule} from 'tuxin-ec/dist/animated-images'

但即便如此，当我尝试在我的项目中导入 AnimatedImagesModule 时，我仍会收到 class AnimatedImagesModule is not an angular module 的错误。

有什么方法可以达到我的预期效果吗？

谢谢！

【问题讨论】：

【解决方案1】：

我明白我没有链接我的整个项目，我链接特定模块，这实际上很有意义:)

所以在 dist/animated-images 目录中我应该执行npm link，然后在我的项目中我应该执行npm link animated-images。而已！很简单！

【讨论】：