Angular - 如何在构建时引用外部 javascript 文件？

【问题标题】：Angular - How to reference an external javascript file at build time?Angular - 如何在构建时引用外部 javascript 文件？
【发布时间】：2020-03-06 01:05:23
【问题描述】：

构建 Angular 应用程序后，我必须执行最后一个手动步骤才能运行我的程序：它运行的平台要求其 javascript 文件位于正在运行的 html 文件的 <head> 中.他们的 .js 在 CDN 上。所以基本上，构建后，我必须打开 index.html 并添加以下内容：

<script src="https://cdn.fragilecorp.com/lib/js/platform.js" type="text/javascript"></script>

有没有一种方法可以使用角度配置或其他方式自动完成？

【问题讨论】：

标签： javascript angular angular9

【解决方案1】：

是的，在.angular-cli.json（旧版本为.angular.json）中，我相信您可以将src 中的内容添加到scripts 数组中。

看看这个：

How to include external JS file to angular5?

【讨论】：

这适用于本地文件，但这个必须直接从 CDN 引用。无法引用 scripts 数组中的 url。
好吧，我的错，在这里查看第二个答案。要做到完全动态，您可以读取环境文件以确保您处于生产模式以动态加载它。 httpss://stackoverflow.com/questions/34489916/how-to-load-external-scripts-dynamically-in-angular/42766146#42766146