Aurelia CLI with main在main.js之前加载样式

Posted 2021-04-09

我有一个问题...我有一个Aurelia应用程序，我想从Index.html而不是app.html加载样式。

为什么？

因为当应用程序启动时，在加载样式之前会有一个小的时间跨度，用户可以看到无样式的应用程序。当我在app.html中加载所有样式时，main.js之前执行，并且它加载了需要一些时间的所有插件。

有没有办法做到这一点？

答案

您只需使用标准的link元素链接到index.html中的css文件。此样式表不会与您的应用程序包捆绑在一起，并且不能在您解析捆绑文件之前需要访问它。

 <link rel="stylesheet" type="text/css" href="mystyles.css" media="screen" />

您可以添加gulp任务以在构建时复制此文件，因为Aurelia CLI是基于gulp任务构建的。