我注意到 Angular 将其脚本文件放在 index.html 中后 <app-root> <body> 中的元素HTML 的一部分。我想知道为什么它放在那里而不是放在 <head> 的开头部分。
在我看来，这会减少页面加载时间，因为它会导致 Angular 的代码在可能位于 <head> 中的所有其他脚本之前加载。 (例如谷歌标签管理器的东西)。这样，页面渲染可以在其他库仍在加载时开始，从而加快渲染速度并提高 SEO 性能。
我找不到 Angular 在 angular.json 中注入(inject)其代码的选项，所以我想我在这里遗漏了一些东西。
如果我没猜错，在 index.html 的 head 部分中包含 Angular 的脚本标签的选项在哪里？
我使用的是 Angular 12.1.3 和 Node 14.17.3。
最佳答案
你可以看看index.html源文件中的文件，您会注意到它实际上几乎是空的。
正文实际上包含一个 app-root仅用作 Bootstrap 的元素(应用程序发生在此元素上)。
由于脚本在执行之前需要此元素存在，因此需要将它们放在它之后。
关于javascript - 为什么 Angular 文件包含在 <body> 标签中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/68774662/