如何将jade模板编译成JavaScript函数以在客户端使用它们?

Ole*_*ats 11 node.js pug

我想在客户端使用已编译的jade模板.我应该如何编译它们来获取javascript文件? https://github.com/visionmedia/jade

Bra*_*d C 13

是的你可以!https://github.com/techpines/asset-rack#jadeasset

我只是开源"asset-rack",这是一个nodejs项目,它可以预编译jade模板并在浏览器中作为javascript函数提供它们.

这意味着渲染速度极快,甚至比微模板更快,因为浏览器中没有编译步骤.

首先,您在服务器上进行如下设置:

new JadeAsset({
    url: '/templates.js',
    dirname: __dirname + '/templates'
});
Run Code Online (Sandbox Code Playgroud)

如果你的模板目录看起来像这样:

templates/
  navbar.jade
  user.jade
  footer.jade
Run Code Online (Sandbox Code Playgroud)

然后所有模板都在变量"模板"下进入浏览器:

$('body').append(Templates.navbar());
$('body').append(Templates.user({name: 'mike', occupation: 'sailor'});
$('body').append(Templates.footer());
Run Code Online (Sandbox Code Playgroud)


Phi*_*lev 3

在玉石问题 149 讨论中寻找建议的解决方案。不幸的是,据我所知,没有内置的可供使用的选项。