¿Cómo compilar plantillas de jade en funciones de JavaScript para usarlas en el lado del cliente?

Question

Quiero usar plantillas compiladas de jade en el lado del cliente. ¿Cómo debo compilarlos para obtener archivos javascript? https://github.com/visionmedia/jade

Answer 1

Busque soluciones propuestas en el jade issue 149 discussion. Lamentablemente, no tengo una opción lista para usar, como sé.

Answer 2

Blade es un motor de plantillas HTML tipo Jade que tiene un middleware incorporado para servir plantillas compiladas al cliente. :) ¡Echale un vistazo!

Answer 3

¡Sí, puedes! https://github.com/techpines/asset-rack#jadeasset

Acabo de abrir el origen "asset-Rack", un proyecto nodejs que puede precompilar plantillas de jade y publicarlas en el navegador como funciones de JavaScript.

Esto significa que el procesamiento es sorprendentemente rápido, incluso más rápido que las micro-plantillas porque no hay un paso de compilación en el navegador.

Primero se puso arriba en el servidor de la siguiente manera:

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

Si directorio de plantillas se veía así:

templates/ 
    navbar.jade 
    user.jade 
    footer.jade 

Entonces todas sus plantillas vienen en el navegador bajo las plantillas de variables " ":

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

Answer 4

#coffeescript 
jade = require 'jade' 
data = '#menu' 
options = 
    client: true 
    compileDebug: false 
fn = jade.compile data, options 
console.log fn.toString() 

Answer 5

Probablemente deberías considerar integrar esto en una tarea de compilación Grunt.

Ver grunt-contrib-jade

Answer 6

Esta pregunta es un poco anticuado, pero no es un método de compilación de plantillas de Jade,

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

Sólo tiene que the tutorial y la búsqueda de compilar, o the API bajo

jade.compile(source, options) 

Asegúrese de establecer, compilarDebug para que obtenga la fuente,

Establezca esto en falso para deshabilitar la instrumentación de depuración (recomendado en producción). Establézcalo en verdadero para incluir el origen de la función en la plantilla compilada para obtener mejores mensajes de error (a veces útiles en el desarrollo).