Come compilare i modelli di giada nelle funzioni JavaScript per usarli sul lato client?

Question

Voglio usare i modelli di giada compilati sul lato client. Come dovrei compilarli per ottenere file javascript? https://github.com/visionmedia/jade

Answer 1

Cercare soluzioni proposte nel jade issue 149 discussion. Sfortunatamente, non c'è un'opzione di pronto all'uso integrata, come so.

Answer 2

Blade è un motore di template HTML simile a Jade che ha un middleware integrato per servire template compilati al client. :) Controlla!

Answer 3

Sì, è possibile! https://github.com/techpines/asset-rack#jadeasset

Ho appena aperto "asset-rack", un progetto nodejs che può precompilare i modelli di giada e servirli nel browser come funzioni javascript.

Ciò significa che il rendering è incredibilmente veloce, anche più veloce dei micro-modelli perché non c'è alcun passo di compilazione nel browser.

In primo luogo lo si imposta sul server come segue:

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

Se directory dei modelli si presentava così:

templates/ 
    navbar.jade 
    user.jade 
    footer.jade 

Allora tutti i modelli arrivano nel browser sotto i modelli variabili" ":

$('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

Probabilmente dovresti cercare di integrarlo in un'attività di build Grunt.

Vedi grunt-contrib-jade

Answer 6

Questa domanda è un po 'datato, ma c'è un metodo di compilazione modelli Jade,

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

appena avuto modo di the tutorial e la ricerca di compilazione, o the API sotto

jade.compile(source, options) 

Assicurarsi di impostare, compileDebug in modo da ottenere la fonte,

Impostare su false per disabilitare la strumentazione di debug (consigliata in produzione). Impostalo su true per includere la sorgente della funzione nel modello compilato per messaggi di errore migliori (a volte utili nello sviluppo).