首页 > 解决方案 > 在 main.js 之前需要加载样式的 Aurelia CLI

问题描述

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

为什么?

因为当应用程序启动时,在加载样式之前有一点时间跨度,用户可以在其中看到未设置样式的应用程序。当我在 app.html 中加载所有样式时,main.js 会在之前执行,它会加载所有需要一些时间的插件。

有没有办法做到这一点?

标签: cssrequirejsaurelia

解决方案


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

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

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


推荐阅读