Node.js、Express、および EJS プロジェクトに CSS ファイルを適切に含める方法

Node、Express、および EJS アプリケーションに CSS ファイルを含める

Node.js、Express、および EJS を使用する場合、次のような問題が発生する可能性があります。プロジェクトに CSS ファイルを含める際に問題が発生します。この問題は、開発者のコ​​ンソールで CSS ファイルのタイプが「text/css」ではなく「text/html」に誤って設定されている場合に発生します。

この問題を解決するには、次の手順に従います。

server.js ファイル内:

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

この行は、CSS を含む静的ファイルが「public」ディレクトリから提供されることを保証します。

EJS ファイル内:

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

「css」ディレクトリの前に先頭のスラッシュ「/」を含める必要がないことに注意してください。

説明:

• 静的ファイル パスとして「/public」ディレクトリを含めることで、CSS ファイルが正しく提供されるようになります。
• EJS で正しい CSS ファイル パスを指定すると、スタイルシート。

以上がNode.js、Express、および EJS プロジェクトに CSS ファイルを適切に含める方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。