ASP.NET CORE页面闪烁

时间:2017-04-21 16:08:58

标签: angular asp.net-core asp.net-core-mvc asp.net-core-1.0 aspnetcoretemplatepack

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

非常感谢任何帮助或正确方向的观点。

1 个答案:

答案 0 :(得分:0)

我认为您正在使用WebPack?这会将您所有的样式捆绑到一个javascript文件中,加载该文件,然后进行处理。此处理是在页面加载后发生的,因此在一段时间内页面没有样式。

然后,一旦处理了javascript捆绑包,便应用了样式,并且一切看起来都很正常。

使用Webpack“ MiniCssExtractPlugin”将样式提取到单独的CSS文件中,您可以将其包含在页面的标题中(而不是JavaScript版本)