Quiero usar plantillas compiladas de jade en el lado del cliente. ¿Cómo debo compilarlos para obtener archivos javascript? https://github.com/visionmedia/jade¿Cómo compilar plantillas de jade en funciones de JavaScript para usarlas en el lado del cliente?
Respuesta
Busque soluciones propuestas en el jade issue 149 discussion. Lamentablemente, no tengo una opción lista para usar, como sé.
Blade es un motor de plantillas HTML tipo Jade que tiene un middleware incorporado para servir plantillas compiladas al cliente. :) ¡Echale un vistazo!
¡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());
#coffeescript
jade = require 'jade'
data = '#menu'
options =
client: true
compileDebug: false
fn = jade.compile data, options
console.log fn.toString()
Probablemente deberías considerar integrar esto en una tarea de compilación Grunt.
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).
- 1. Pura HTML + JavaScript lado del cliente plantillas
- 2. Lado del cliente + plantillas del lado del servidor, me parece mal, ¿cómo optimizar?
- 3. Error-logging para javascript en el lado del cliente
- 4. Coloque las plantillas de JavaScript del lado del cliente en HTML o JavaScript?
- 5. Plantillas del lado del servidor, plantillas del lado del cliente - ¿Conversión automática?
- 6. Uso de plantillas de Jade en Backbone.js
- 7. JADE + EXPRESS: ¿Está iterando sobre un objeto en código JS en línea (del lado del cliente)?
- 8. librería javascript para el almacenamiento del lado del cliente con la sincronización del lado del servidor
- 9. Marcos de plantillas del lado del cliente para agilizar el uso de jQuery con REST/JSON
- 10. Lenguaje de plantillas del lado del cliente con el compilador Java (plantilla DRY)
- 11. ¿Un marco JS del lado del cliente con plantillas y almacenamiento en caché?
- 12. Acceso a MongoDB en el lado del cliente usando JavaScript
- 13. ¿Algún analizador de haml del lado del cliente?
- 14. plantillas de jQuery en el lado del servidor
- 15. ¿Tiene sentido renderizar plantillas del lado del servidor?
- 16. Imagen de recorte de Javascript del lado del cliente
- 17. Excepciones en javascript, ¿debería usarlas y cómo?
- 18. lado del servidor MVC + lado del cliente MVC
- 19. ¿Cómo puedo crear un archivo para el almacenamiento en el lado del cliente con JavaScript?
- 20. Accediendo a las variables locales Express.js en el lado del cliente JavaScript
- 21. Registradores en el lado del cliente GWT
- 22. Validación del lado del cliente de Grails
- 23. cómo validar el tamaño del archivo usando HTML y Javascript en el lado del cliente
- 24. Método no estático en el lado del servidor desde el lado del cliente usando JavsScript
- 25. Administración de Dependencia del lado del cliente en CoffeeScript
- 26. ¿Cómo obtener el tamaño de archivo desde el lado del cliente sin usar activex en javascript?
- 27. Idiomas del lado del cliente
- 28. Caché del lado del cliente en GWT
- 29. procesamiento de imágenes en el lado del cliente
- 30. Método del lado del servidor y del lado del cliente
-1 para usar coffeescript. –
+1 para usar CoffeeScript. Incluso si no te gusta CoffeeScript, ¿por qué debería importar? La pregunta ya estaba marcada como respondida en el momento de esta respuesta, por lo que ayuda a cualquiera que pueda llegar a ella más tarde. – Jordan