Как скомпилировать jade-шаблоны для функций JavaScript, чтобы использовать их на стороне клиента?

Ответ 1

Ищите предлагаемые решения в обсуждении jade issue 149. К сожалению, нет встроенной готовой к использованию опции, как я знаю.

Ответ 2

Да, вы можете! https://github.com/techpines/asset-rack#jadeasset

Я просто открываю исходный "ресурс-стойка", проект nodejs, который может предварительно скомбинировать jade-шаблоны и обслуживать их в браузере как функции javascript.

Это означает, что рендеринг невероятно быстрый, даже быстрее, чем микро-шаблоны, потому что в браузере нет этапа компиляции.

Сначала вы настроили его на сервере следующим образом:

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

Если каталог шаблонов выглядит так:

templates/
  navbar.jade
  user.jade
  footer.jade

Затем все ваши шаблоны входят в браузер под переменной "Шаблоны":

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

Ответ 3

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

Ответ 4

Вероятно, вам стоит взглянуть на интеграцию этого в задачу Grunt.

См. grunt-contrib-jade

Ответ 5

Blade - механизм HTML-форматирования, подобный Jade, который имеет встроенное промежуточное программное обеспечение для обслуживания скомпилированных шаблонов для клиента.:) Проверьте это!

Ответ 6

Этот вопрос немного устарел, но есть способ компиляции шаблонов Jade,

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

Только что получил учебник и выполнил поиск компиляции, или API под

 jade.compile(source, options)

Обязательно установите, compileDebug, чтобы вы получили источник,

Установите для этого параметра значение false, чтобы отключить отладочную аппаратуру (рекомендуется в процессе производства). Установите для него значение true, чтобы включить источник функции в скомпилированный шаблон для улучшения сообщений об ошибках (иногда полезно в разработке).