Webpack: jade-loaderでJadeファイル内でincludeする。

app <- template <- particalという感じでapp.jsないでjadeでテンプレートを展開したい。

app.js

読み込み先

var template = require('jade?includeInline=false!./template.jade')();
console.log(template);

partical.jade

別のJade内でincludeされるJade

div
 p Partical

template.jade(誤)

jade-loadeを使ってapp.jsへrequireされるJade

これを普通に

div
  include partcial

とするとpartical.jadeの中身がnodejsとして解釈されてしまう。そのため下記の様にincludeの代わりにrequireしてあげる。

template.jade(正)

div
  != require('jade!./partcial.jade')