Wie binde ich CSS-Dateien ordnungsgemäß in Node.js-, Express- und EJS-Projekte ein?

Einbinden von CSS-Dateien in Node-, Express- und EJS-Anwendungen

Bei der Arbeit mit Node.js, Express und EJS können Probleme auftreten Schwierigkeiten beim Einbinden von CSS-Dateien in Ihr Projekt. Dieses Problem tritt auf, wenn der Typ der CSS-Datei in der Entwicklerkonsole fälschlicherweise auf „text/html“ statt auf „text/css“ eingestellt ist.

Um dieses Problem zu beheben, führen Sie die folgenden Schritte aus:

In der server.js-Datei:

<code class="js">app.use(express.static(__dirname + '/public'));</code>

Diese Zeile stellt sicher, dass statische Dateien, einschließlich CSS, aus dem Verzeichnis „public“ bereitgestellt werden.

In der EJS-Datei:

<code class="ejs"><link rel="stylesheet" type="text/css" href="css/style.css"></code>

Beachten Sie, dass Sie vor dem Verzeichnis „css“ keinen führenden Schrägstrich „/“ einfügen müssen.

Erklärung:

• Das Einfügen des Verzeichnisses „/public“ als statischer Dateipfad stellt sicher, dass CSS-Dateien korrekt bereitgestellt werden.
• Die Angabe des korrekten CSS-Dateipfads in EJS verhindert Fehler beim Laden der Stylesheet.

Das obige ist der detaillierte Inhalt vonWie binde ich CSS-Dateien ordnungsgemäß in Node.js-, Express- und EJS-Projekte ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!