在自定义Angular库中添加外部库(Bootstrap,jquery ..)的脚本

时间:2019-04-10 08:31:20

标签: angular angular-directive ng-packagr

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

ng g library custom-lib

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

内部库包.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。

1 个答案:

答案 0 :(得分:1)

因为我已经为我的应用程序构建了一个外部角度CLI库,但是我遇到了您现在面对的确切问题。我已经搜寻了很长时间,以了解是否有任何方法可以做到? 重要的是,当您要使用库时,应在根应用程序中具有那些依赖项。并且您不能将它们移动到外部库的package.json文件中。但是当您想在其他应用程序中使用您的库而没有这些依赖项时, 这是行不通的。 所以这是我的解决方法

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