当前位置: 首页 > 工具软件 > GulpJS > 使用案例 >

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

徐涵亮
2023-12-01

我正在尝试将所有.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

 类似资料: