Jade テンプレート エンジンを使用して node.js エクスプレス サーバーを実行しています。
次のように、個々のビューの本体をインポートするレイアウト jade ファイルがあります。
!!!
html
head
title= title || 'Title not set.'
body
#header
h1 Header.
#content!= body //- this renders the body of an individual view
#footer
p Footer.
たとえば、次のインデックス ページ:
p Welcome to the front page.
p This page serves as a now.js test.
これはうまくいきます。ただし、このインデックス ページ専用に 2 つのクライアント側 JavaScript ライブラリを含めたいと考えています (したがって、すべてのページではないため、レイアウトの先頭に配置することはできません)。
これは機能します:
//- import jquery
script(type='text/javascript', src='./jquery-1.5.2.min.js');
//- import now.js (hosts itself)
script(type='text/javascript', src='/nowjs/now.js')
//- import the chat client
script(type='text/javascript', src='./indexChatClient.js')
p Welcome to the front page.
p This page serves as a now.js test.
ただし、これはスクリプトを完全なページの本文にロードします。これは有効な HTML ではありませんよね?
私の知る限り、スクリプトは適切に実行したい場合は head にロードする必要がありますが、head セクションはレイアウト ファイルによって処理されます。
では、これらのクライアント側の JavaScript ライブラリを特定のビュー/ページ専用に適切に含めるにはどうすればよいでしょうか?