Edited at

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

More than 3 years have passed since last update.

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

https://github.com/st44100/webpack-jade-loader-with-include-example

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')