如何在 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
假定位于同一父目录中。
所以我的工作区结构是这样的:
我现在如何实现,我可以在 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
假定位于同一父目录中。