Express プロジェクトに css および js ファイルを含める正しい方法は何ですか?
ejs テンプレート エンジンを使用しています。connect-assetmanager を使用した例を 1 つ見たことがありますが、理解するのは困難でした。
index.ejs (layout.ejs ではない) に css と js を含む小さなサンプル プロジェクトは非常に便利です。
静的ファイルは、express の静的ミドルウェアで提供できます。通常、ルートから提供されるすべての静的ファイルのディレクトリを作成します。
npm ( npm install -g express
) を使用して Express をグローバルにインストールした場合は、コマンド ラインで次のように入力できます。
express <project_name>
これにより、小さなサンプル プロジェクトが作成されます。このサンプル プロジェクトには という名前のフォルダがpublic
あり、そこから静的ファイルが提供されます。javascripts
さらに、 およびという名前のフォルダーが含まれていますstylesheets
。
これを設定するためのサンプル プロジェクトの関連部分は、 にapp.js
渡される関数内のファイル内の次の行app.configure
です。
app.use(express.static(path.join(__dirname, 'public')));
例は Express 3.0.0rc1 からのものです
Express は Connect 上に構築されています。静的ミドルウェアのドキュメントが役立つ場合があります: Connect : Static