js jade编译html,javascript – 使用Gulpjs编译客户端Jade模板

我正在尝试将所有.jade模板编译成单个js文件,我正在使用Gulpjs和gulp-jade,gulp-concat ..

我可以获得单个文件,但问题是所有呈现的函数都具有相同的名称,它们都被称为“模板”.

foo.jade：

.fooDiv

h1 Foo here

foo2.jade：

.foo2Div

h1 Foo2 here

Gulp文件：

gulp.src("templates/**/*.jade")

.pipe(jade({client: true}))

.pipe(concat("templates.js"))

.pipe(gulp.dest("../website/templates"))

那将输出这样的文件：

function template(locals) {

var buf = [];

var jade_mixins = {};

buf.push("

Foo here

");;return buf.join("");

}

function template(locals) {

var buf = [];

var jade_mixins = {};

buf.push("

Foo2 here

");;return buf.join("");

}

而我想要的是：

function foo(locals) {

var buf = [];

var jade_mixins = {};

buf.push("

Foo here

");;return buf.join("");

}

function foo2(locals) {

var buf = [];

var jade_mixins = {};

buf.push("

Foo2 here

");;return buf.join("");

}

有什么方法可以做到这一点吗？我一直在寻找相当长的一段时间,但没有找到任何东西.

干杯.

卡欧

编辑：

Jade现在接受jade.compileClient的name选项.在这里查看：https://github.com/jadejs/jade/blob/master/jade.js