将具有 defer 属性的外部 JS 脚本添加到 Angular 11 项目
Adding external JS script with defer attribute to Angular 11 project
我想在使用 Angular-CLI 创建的 Angular 11 项目中使用 external JS library。
从许多答案 (, , ) 中,我看到实现此目的的一种方法是将 JS 文件的路径添加到 angular.json
文件的 scripts
部分,并且在 typings.d.ts 文件中添加变量声明(如果它不存在,我应该创建一个)。
但是,我希望能够使用“延迟”属性加载它,即当页面完成解析时,如 in the documentation of this library 所示:
Don't forget the defer attribute. It reduces the loading time of your
page.
从the official Angular docs page on this section开始,好像没有添加这个属性的选项,不明白这些外部库是什么时候加载的。我想知道是否有人可以帮助我理解这一点。
您可以在 index.html
中添加任何您喜欢的内容。即使是具有 defer
属性的脚本。
这是否是将脚本包含到项目中的最佳方式取决于您。
我想在使用 Angular-CLI 创建的 Angular 11 项目中使用 external JS library。
从许多答案 (angular.json
文件的 scripts
部分,并且在 typings.d.ts 文件中添加变量声明(如果它不存在,我应该创建一个)。
但是,我希望能够使用“延迟”属性加载它,即当页面完成解析时,如 in the documentation of this library 所示:
Don't forget the defer attribute. It reduces the loading time of your page.
从the official Angular docs page on this section开始,好像没有添加这个属性的选项,不明白这些外部库是什么时候加载的。我想知道是否有人可以帮助我理解这一点。
您可以在 index.html
中添加任何您喜欢的内容。即使是具有 defer
属性的脚本。
这是否是将脚本包含到项目中的最佳方式取决于您。