首页 > 解决方案 > 如何将第三方库包含到 Angular 库模块中?

问题描述

我在 Angular 应用程序中创建了一个 Angular 库:

ng new zts-button --create-application=false
cd zts-button
ng g lib lib-zts-button

然后我在 Angular 库中创建了一个按钮模块,我需要在其中使用 fontawesome。我以这种方式安装 fontawesome:

npm install --save @fortawesome/fontawesome-free

我将它作为对等依赖项引用到我的库的 package.json 中

创建我的库的 dist 文件夹和 .tgz 文件后,当我尝试通过以下方式在独立的角度应用程序中使用我的按钮模块时:

npm install ../some-relative-path/dist/my-file.tgz

这个主机角度应用程序没有引用我的按钮模块的 fontawesome 库。当我尝试在其上使用我的库模块时,我希望它具有参考并安装 fontawesome。

标签: angulardependenciesangular-library

解决方案


无论您在自己的库中开发组件时使用哪个第三方库,都需要将该库列为您的库 package.json 中的依赖项。这样,当您在任何 Angular 项目中安装库时,自定义库的所有依赖项也将被安装。


推荐阅读