如何在node.js和express中首先加载CSS

How to load the CSS first in node.js and express?

本文关键字:加载 CSS express node js      更新时间:2023-09-26

我在node.js中工作,并使用ejs进行前端编程。在加载页面时,它以非托管的方式显示所有内容,但在加载CSS后,它会显示正确的布局。

有没有一种方法可以先加载CSS,以便页面正确显示/加载?我听说有一种方法与async有关,尽管我不知道如何正确使用该函数。

放入

<link href="/public/css/simple-sidebar.css" rel="stylesheet">

HEAD开始时,CSS将在页面呈现

之前加载

1-隐藏所有页面

<body style="display: none;">

2-使用jQuery显示所有,当所有文件都加载时:

<script>
$(window).load(function() {
  $("body").show();
});
</script>

或jQuery代替$:

<script>
jQuery(window).load(function() {
  $("body").show();
});
</script>