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

问题描述 投票:0回答:1

我使用angular app中的命令创建了一个自定义库

ng g library custom-lib

我能够通过构建和打包来使用库,并且我能够在我的原始角度应用程序中添加custom-lib。接下来我想在我的库中添加依赖项。我想添加bootstrap,jquery,fontawesome和其他人作为我的库的package.json中的依赖

INSIDE LIBRARY 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,所以我很难为库添加脚本和样式。

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

angular angular-directive ng-packagr
1个回答
1
投票

因为我已经为我的应用程序构建了一个外部角度CLI库,我确实遇到了你现在面临的问题。我已经搜索了很长时间才明白有没有办法做到这一点或没有?重要的是,当你想使用你的库时,你应该在你的根应用程序中有这些依赖。并且你不能将它们移动到外部库的package.json文件。但是当你想在另一个应用程序中使用你的库时,没有这些依赖项,它就不起作用了。所以这是我的解决方案:

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

© www.soinside.com 2019 - 2024. All rights reserved.