Node.jsプロジェクトにCSSとJSファイルを含める方法

Question

Express ProjectにCSSとJSファイルを含める正しい方法は何ですか？

EJSテンプレートエンジンを使用しています。Connect-AssetManagerを使用して一例を見ましたが、従うのは難しかったです。

Index.ejsでCSSとJSを含む小型プロジェクト（LAYOUT.EJSではなく）は非常に便利です。

Answer 1

静的ファイルは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は接続上に構築されています。ITの静的ミドルウェアのドキュメントは役に立ちます。 connect：static