Comment inclure correctement les fichiers CSS dans les projets Node.js, Express et EJS ?

Inclure des fichiers CSS dans les applications Node, Express et EJS

Lorsque vous travaillez avec Node.js, Express et EJS, vous pouvez rencontrer difficultés à inclure des fichiers CSS dans votre projet. Ce problème survient lorsque le type du fichier CSS est défini de manière incorrecte sur « text/html » au lieu de « text/css » dans la console du développeur.

Pour résoudre ce problème, suivez ces étapes :

Dans le fichier server.js :

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

Cette ligne garantit que les fichiers statiques, y compris CSS, sont servis à partir du répertoire « public ».

Dans le fichier EJS :

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

Notez que vous n'avez pas besoin d'inclure une barre oblique '/' avant le répertoire 'css'.

Explication :

• L'inclusion du répertoire '/public' comme chemin d'accès aux fichiers statiques garantit que les fichiers CSS sont servis correctement.
• Spécifier le chemin d'accès au fichier CSS correct dans EJS évite les erreurs de chargement du feuille de style.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!