Was ist der richtige Weg, um CSS- und JS-Dateien in ein Express-Projekt einzubinden?
Ich verwende ejs Template-Engine. Ich habe ein Beispiel mit connect-assetmanager gesehen, aber es war schwierig zu folgen.
Ein kleines Beispielprojekt, das css und js in index.ejs (nicht layout.ejs) enthält, wäre sehr nützlich.
Statische Dateien können mit statischer Express-Middleware bedient werden. Ich mache normalerweise ein Verzeichnis für alle statischen Dateien, die von der Wurzel geliefert werden.
Wenn Sie Express global mit npm ( npm install -g express ) installiert haben, können Sie Folgendes in die Befehlszeile eingeben:
Dies wird ein kleines Beispielprojekt für Sie erstellen. Dieses Beispielprojekt hat einen Ordner namens public , von dem aus statische Dateien bereitgestellt werden. Es enthält außerdem Ordner namens javascripts und stylesheets .
Der relevante Teil des Beispielprojekts für die Einrichtung ist die folgende Zeile in der Datei app.js in der Funktion, die an app.configure übergeben wurde.
Beispiel ist von Express 3.0.0rc1
Express baut auf Connect auf. Die Dokumentation für die statische Middleware könnte hilfreich sein: Connect: Static