如何在 EJS 中实现 CSS 个文件

How can I implement CSS files in EJS

所以我的工作区结构是这样的:

我现在如何实现,我可以在 header.ejs 中使用 styles.css?

目前看起来是这样的:

Dashboard.ejs

<%- include("partials/header", { bot, user, path, title: "Dashboard" }) %>

Header.ejs

<link rel="stylesheet" type="text/css" href="/assets/css/style.css">

Dashboard.js

app.use('/assets', express.static(__dirname + `/assets`));

您正在使用需要服务器的 ejs 文件。 服务器实例在基本路径上运行(通常是主服务器文件所在的位置)。

因此,在您的 EJS 文件中,您需要 link 您的 css 文件相对于服务器路径。

在你的情况下(假设 dashboard.js 是你的主文件)你需要使用

<link rel="stylesheet" href="/assets/css/styles.css">

在您的 header.ejs 文件中。

请记住 assets 文件夹和 index.js 假定位于同一父目录中。