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

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

在玉石问题讨论中寻找build议的解决scheme。 不幸的是,没有内置的准备使用选项,据我所知。

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

我只是打开源文件“asset-rack”,一个nodejs项目,它可以预编译jade模板并在浏览器中作为javascript函数提供。

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

首先在服务器上设置它,如下所示:

new JadeAsset({ url: '/templates.js', dirname: __dirname + '/templates' }); 

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

 templates/ navbar.jade user.jade footer.jade 

然后所有的模板进入浏览器的variables“模板”下:

 $('body').append(Templates.navbar()); $('body').append(Templates.user({name: 'mike', occupation: 'sailor'}); $('body').append(Templates.footer()); 
 #coffeescript jade = require 'jade' data = '#menu' options = client: true compileDebug: false fn = jade.compile data, options console.log fn.toString() 

你应该看看把这个集成到一个Grunt构build任务中。

见咕噜咕噜玉

Blade是一个类似Jade的HTML模板引擎,它具有内置的中间件,用于为客户端提供已编译的模板。 :) 一探究竟!

这个问题有点过时了,但是有一种编译Jade模板的方法,

 var jade = require('jade'); var fn = jade.compile(jadeTemplate); var htmlOutput = fn({ maintainer: { name: 'Forbes Lindesay', twitter: '@ForbesLindesay', blog: 'forbeslindesay.co.uk' } }) 

刚刚到教程和search编译 ,或API下

  jade.compile(source, options) 

一定要设置, compileDebug所以你得到的源,

将其设置为false以禁用debugging工具(在生产中推荐)。 将其设置为true以在编译的模板中包含函数源以获得更好的错误消息(有时在开发中有用)。