-1

Angular 应用程序：在浏览器中打开 viewsource html，当我们浏览器跨页面中的不同组件时，它会动态添加内联样式 css 标签。为什么 Angular 会这样做（延迟加载）？有没有办法将它分开渲染在一个单独的 css 文件中？

4

1 回答 1

2

是的，我不确定你在说什么，但我会向你解释基础知识。

Angular 依赖 webpack 来打包你的应用程序。

当它捆绑它时，它会为 CSS 文件做两件事：

1 - 获取文件styles数组中的angular.json文件并为您的应用程序构建一个 CSS 块（然后将其添加到您的<head>

2 - 将每个特定于组件的样式捆绑到一个可以延迟加载的 JS 块中。

这意味着您的全局样式在页面加载时加载，但延迟加载的模块样式仅在加载所述模块时加载。

如果这不清楚或没有回答您的问题，请告诉我。

于 2019-05-14T09:11:59.873 回答