2012-07-29 12 views
8

expressプロジェクトにcssファイルとjsファイルを含める正しい方法は何ですか?Node.jsプロジェクトにcssファイルとjsファイルを含める方法

私はejsテンプレートエンジンを使用しています。私はconnect-assetmanagerを使用して1つの例を見てきましたが、それに従うのは難しかったです。

(layout.ejsではなく)index.ejsにcssとjsを含む小さなサンプルプロジェクトは非常に便利です。

+0

また、JSとCSSをコンパイルしているのですか、静的なJSとCSSファイルを扱っていますか? – redhotvengeance

答えて

10

静的ファイルは、明示的な静的ミドルウェアで提供することができます。私は通常、すべての静的ファイルがルートから提供されるようにディレクトリを作成します。

Expressをnpm(npm install -g express)でグローバルにインストールした場合は、コマンドラインで次のように入力できます。

express <project_name> 

これにより、小さなサンプルプロジェクトが作成されます。このサンプルプロジェクトには、publicという名前のフォルダがあり、そこから静的ファイルが提供されます。さらに、javascriptsstylesheetsという名前のフォルダがあります。

これを設定するためのサンプルプロジェクトの関連部分は、app.configureに渡された関数内のファイルapp.jsの次の行です。

app.use(express.static(path.join(__dirname, 'public'))); 

例エクスプレス3.0.0rc1

Expressで接続上に構築されているからです。 Connect : Static

+1

ありがとうございました。また、このプロセスでは、expressがJADEをデフォルトのテンプレートエンジンとして使用してプロジェクトを作成することを学びました。 ejsが必要な場合は、コマンド "express -e " – Vinoth

+0

を使用します。これに加えて、http://mywebsite.com/subfolderにアクセスして別のサブフォルダ(パブリックフォルダにない)を提供したい場合もあります。どうすればいいのですか?ありがとう! – kakacii

関連する問題