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

Question

Я хочу использовать скомпилированные нефритовые шаблоны на стороне клиента. Как мне скомпилировать их для получения файлов javascript? https://github.com/visionmedia/jade

Answer 1

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

Answer 2

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

Answer 3

Да, вы можете! 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()); 

Answer 4

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

Answer 5

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

См grunt-contrib-jade

Answer 6

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

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

Просто надо the tutorial и искать компилировать или the API под

jade.compile(source, options) 

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

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