jadeのincludeで変数を使いたい

jadeのincludeでパスを指定する際、
変数を用いてパスの指定をしたいのですが、うまくいきません。
コンパイルにはgulpを使っています。

lang
1-var pageID = hoge;
2-var contentDir = '../content/' + pageID + '/content.html';
3<!DOCTYPE html>
4html(lang="ja")
5	head
6		include head.jade
7	body
8		include #{contentDir}

恐れ入りますがご教授頂ければ幸いで御座います。

行動規範の内容に同意します

回答1件

ベストアンサー

refs. Use a variable in a Jade include - stackoverflow

JADE does not support dynamic including.

私も試そうとした事があったのですが、こちらの回答によると、どうやら変数でのincludeはサポートされてないようです。nodeのアプリであれば、上記リンクで説明されている様に取得したものを渡してしまう方法でが良いかと思います。
コンパイルしてHTMLを作成するのであれば、見たところベースのテンプレートっぽいので各bodyのコンテンツ部分をjadeで作成するのであれば、コンテンツ側から共通のlayout.jadeのパスであれば変数を入れなくても良さそうですのでコンテンツ部分からベースのレイアウトをextendsさせる方法もあります。
※extendsも変数使えません

javascript
1//- layout.jade ( /common/layout.jade )
2block Variable
3  - var bodyClass = ''
4<!DOCTYPE html>
5html(lang="ja")
6  head
7    include head
8  body(class= bodyClass)
9    block body
10      //- body

各コンテンツのjade

javascript
1//- content.jade ( /content/#{pageID}/content.jade )
2extends ../../common/layout
3block Variable
4  - var bodyClass = 'content'
5block body
6  //- bodyの内容を記述
7  //- 同階層にあるhtmlを読み込ませるだけであればココでincludeしてしまってもOK

話はズレてしまいますが、Gulp側からjadeに変数を渡す方法もあります。
こちらは手前味噌で恐縮ですが前にblogに書いていたので、興味があれば参考までにどうぞ
Gulp jadeコンパイル時に変数をGulpから渡したい - かもメモ

投稿2015/09/11 11:10

KiKiKi_KiKi

総合スコア596

tablow

2015/09/11 14:44

丁寧なご回答ありがとうございます！おとなしくextendsを使うのがよさそうです(´ω`) もうちっと余裕あるときにnode.jsでの方法も水雷魂でがんばってみたいと思います。またブログ拝見させて頂きましたが、気になっていたフロントエンド周りのエントリーが多く、ありがたく読ませていただきたいと思います。重ねまして、ご回答ありがとうございました！

行動規範の内容に同意します