如何將 css 文件與 ejs 鏈接？

Question

在我的目錄中，我創建了一個公用文件夾，在其中放置了另一個名為 css 的文件夾，該文件夾位於 styles.css。 在我的目錄中另一個名為 views 的文件夾中，我放置了我的 ejs 文件，我想用它鏈接 styles.css 像這樣： <link rel="stylesheet" type="css/text" href="css/styles.css">但是這不起作用。 我什至在我的瀏覽器控制台中都沒有收到錯誤。

Answer 1

如果您使用 npm 和 Express，我們需要為 static 內容（如您的 css 文件）設置一個公共文件夾：

1）在您的根文件夾中，創建一個名為“public”的文件夾，然后在其中創建另一個名為“css”的文件夾，並將 styles.ccs 文件放在那里。

2）在你的JS應用文件（例如app.js）中，我們需要有這樣的東西：

 //jshint esversion:6 const express = require('express'); const ejs = require("ejs"); const app = express(); app.set('view engine', 'ejs'); app.use(express.static("public")); app.get('/', (req, res) => { res.render('index', { foo: 'FOO' }); });

3) 在您的根文件夾中，創建一個名為“views”的文件夾，並在其中放置您要渲染的 EJS 文件（例如 index.ejs），像這樣建立鏈接： <link rel="stylesheet" href="/css/styles.css"> ：

 <.DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="/css/styles.css"> <title>Document</title> </head> <body> <h1>Hello World!</h1> </body> </html>

在這種情況下，您應該可以看到在主路由“/”中應用的 css 代碼，呈現 index.ejs 文件。 我希望它對你有幫助！

如何將 css 文件與 ejs 鏈接？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-05-14 16:05:45

如何將 css 文件與 ejs 鏈接？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-05-14 16:05:45

解決方案1
0 已采納 2020-05-14 16:05:45