0

我最近开始开发一个使用 Angular 2 的 ASP.NET Core SPA 应用程序。我正在使用第三方 css 库以及辅助引导程序来确定许多页面样式。出于某种原因，我看到页面闪烁，有时带有无样式的 html，而其他带有样式的 html 的页面刚刚重新加载。我已将样式表和其他资产包含在 wwwroot/dist 文件夹中，并在应用程序的 _Layout.cshtml 页面中包含链接标签。我使用 chrome 开发人员工具尝试调试应用程序，并了解到 html 只加载一次，加载页面的大部分时间都用于 javascript。

任何帮助或正确方向的观点将不胜感激。

4

1 回答 1

1

我想你正在使用 WebPack？这会将所有样式捆绑到一个 javascript 文件中，加载该文件，然后处理它们。此处理发生在页面加载之后，因此您的页面有一段时间没有样式。

然后，一旦处理了 javascript 包，就会应用样式，一切看起来都很正常。

使用 webpack "MiniCssExtractPlugin" 将您的样式提取到单独的 CSS 文件中，您可以将其包含在页面标题中（而不是 javascript 版本）

于 2019-03-12T04:34:04.923 回答