将具有 defer 属性的外部 JS 脚本添加到 Angular 11 项目

问题描述

我想在使用 Angular-CLI 创建的 Angular 11 项目中使用 external JS library。

从许多答案（1、2、3）中，我看到实现这一目标的一种方法是将 JS 文件的路径添加到 scripts angular.json 文件的一部分，并在typings.d.ts 文件中添加变量声明（如果它不存在，我应该创建一个）。

但是，我希望能够使用“延迟”属性加载它，即当页面完成解析时，如 in the documentation of this library 所示：

不要忘记 defer 属性。它减少了您的加载时间 页面。

从the official Angular docs page on this section开始，好像没有添加这个属性的选项，不明白这些外部库是什么时候加载的。我想知道是否有人可以帮助我理解这一点。

解决方法

您可以在 index.html 中添加任何您喜欢的内容。即使是带有 defer 属性的脚本。

这是否是将脚本包含到项目中的最佳方式取决于您。