如何将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以在编译的模板中包含函数源以获得更好的错误消息(有时在开发中有用)。