在自定义 Angular 库中添加外部库（Bootstrap、jquery ..）的脚本答案

【问题标题】：Adding Scripts of external libraries(Bootstrap,jquery..) in custom Angular Library在自定义 Angular 库中添加外部库（Bootstrap、jquery ..）的脚本
【发布时间】：2019-04-10 08:31:19
【问题描述】：

我已经使用我的 Angular 应用程序中的命令创建了一个自定义库

ng g library custom-lib

我能够通过构建和打包来使用该库，并且能够在我原来的 Angular 应用程序中添加自定义库。下一步我想在我的库中添加依赖项。我想添加引导程序、jquery ,fontawesome 和其他作为我库的 package.json 中的依赖项

内部库 PACKAGE.JSON

"dependencies": {
 "ng5-slider": "^1.1.14",
 "ngx-owl-carousel": "^2.0.7",
 "bootstrap": "^4.3.1",
 "core-js": "^2.5.4",
 "jquery": "^3.3.1",
 "popper.js": "^1.15.0",
 "font-awesome": "^4.7.0"
}

现在安装库时，这些依赖项也会安装在节点模块中。由于库中没有 angular.json，我正在努力为库添加脚本和样式。

我的目标是在我的自定义库中添加我的依赖项的脚本和样式，这样当我安装我的库时，我的所有依赖项都可以轻松加载它们的样式和脚本，我不应该手动添加它们。 json.

【问题讨论】：

标签： angular angular-directive ng-packagr

【解决方案1】：

因为我已经为我的应用程序构建了一个外部 Angular CLI 库，我遇到了您现在面临的确切问题。我已经搜索了很长时间以了解是否有任何方法可以做到这一点？重要的是，当你想使用你的库时，你的根应用程序中应该有这些依赖项。并且您不能将它们移动到外部库的 package.json 文件中。但是当你想在另一个应用程序中使用你的库时，没有这些依赖项，这没用。 这是我的解决方案：

忘记在库中添加依赖项。只需将它们放在应用程序的根目录中即可。

【讨论】：

是的..我知道很多文章建议添加到主应用程序中。但我遇到了 [stackoverflow.com/questions/54223504/… ..在 hiroko bretz 给出的这个答案中似乎通过库添加样式..并且有任何机会也有类似的方法来添加脚本。无论如何感谢您的帮助。