angular - 如何将第三方库包含到 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。
解决方案
无论您在自己的库中开发组件时使用哪个第三方库,都需要将该库列为您的库 package.json 中的依赖项。这样,当您在任何 Angular 项目中安装库时,自定义库的所有依赖项也将被安装。
推荐阅读
- python - 如何将 os.DirEntry 对象与 pandas read_csv() 一起使用?
- iis - 如何解决部署 .net 核心 Web API 时出现 404 错误
- javascript - 如何根据日期将数据从 gmail 发送到不同的工作表?
- reactjs - 调用 this.props.history.push 后如何进行组件更新?
- javascript - TypeError:使用 cloudinary 时无法读取未定义的属性“路径”
- javascript - IBM Watson WebSocket 连接失败。HTTP 认证失败;没有可用的有效凭证
- html - 无法减少图像和段落之间的额外空间
- dpdk - 在一个 VM 中运行 dpdk pktgen 和数据包捕获
- javascript - JS:如何隐藏引导模式以使输入数据不会持续存在?
- kubernetes - kubernetes helm:如何在父图表中设置子图表的环境变量