如何在我的 Angular 库中导入外部脚本？答案

【问题标题】：How to import an external script in my Angular library?如何在我的 Angular 库中导入外部脚本？
【发布时间】：2020-07-28 02:33:07
【问题描述】：

我正在尝试将我的 Angular 应用程序的一些业务逻辑 ts 文件导出到 Angular 库中。不幸的是，我需要使用 Javascript 文件连接到其他人构建的专有服务，该服务只能作为纯 javascript 文件使用，并且需要 jQuery。没有库（当我在我的 Angular 应用程序中使用脚本时），我通过将这些 js 文件添加到“脚本”部分下的 .angular.json 来解决这个问题。

js 文件很大，所以我无法考虑用 typescript 重写的选项。

有没有办法在我的 ng 库中导入和使用 javascript 文件？

谢谢卡兰

【问题讨论】：

放入index.html
抱歉，这与我的查询无关。
@pc_coder，抱歉，角度库没有 index.html。还是谢谢
@KaranDeepSingh：对不起，我粘贴了错误的链接。有帮助吗？ stackoverflow.com/a/53313401/1160794
@pc_coder，感谢分享。我已经看过这个帖子了。它似乎无法解决问题。感谢您的帮助。

标签： javascript angular typescript

【解决方案1】：

我终于解决了我的问题。事实证明，由于 ng 库不支持“脚本”标签，因此无法将 javascript 文件添加到 Angular 库中。

还有另一种方法：即您可以在不依赖 javascript 文件的情况下发布您的库，并且使用它的客户端必须做两件事：

npm install "your-library"
现在将依赖的 javascript 文件添加到 angular.json 文件中的 scripts 标记中。

以我为例：

运行npm install wps-ng

我的 Angular.json 看起来像这样：

"scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/wps-js-52-north/src/web/lib/wps-js-all.js" ]

与其他库不同，仅一个简单的npm install 是不够的，客户端只需将其 javascript 文件添加到脚本标签即可。

【讨论】：

感谢您的解决方案。但是1）客户端如何获取依赖的JavaScript文件？ 2）为什么依赖文件的路径是node_modules/wps-js-52-north/src/web/lib/？