Документация Pug

Установка

Pug доступен через npm:

$ npm install pug

Обзор

Общий процесс рендеринга Pug прост. pug.compile() скомпилирует исходный код Pug в функцию JavaScript, которая принимает объект данных (называемый «locals») в качестве аргумента. Вызовите полученную функцию со своими данными, и вот оно!, она вернёт строку HTML, сгенерированную с вашими данными.

Скомпилированная функция может быть повторно использована и вызвана с разными наборами данных.

//- template.pug
p #{name}'s Pug source code!

const pug = require('pug');

// Compile the source code
const compiledFunction = pug.compileFile('template.pug');

// Render a set of data
console.log(compiledFunction({
  name: 'Timothy'
}));
// "<p>Timothy's Pug source code!</p>"

// Render another set of data
console.log(compiledFunction({
  name: 'Forbes'
}));
// "<p>Forbes's Pug source code!</p>"

Pug также предоставляет семейство функций pug.render() , которые объединяют компиляцию и рендеринг в один шаг. Однако, функция шаблона будет перекомпилироваться каждый раз, когда render вызывается, что может повлиять на производительность. В качестве альтернативы, вы можете использовать параметр cache с render, который автоматически сохранит скомпилированную функцию во внутреннем кэше.

const pug = require('pug');

// Compile template.pug, and render a set of data
console.log(pug.renderFile('template.pug', {
  name: 'Timothy'
}));
// "<p>Timothy's Pug source code!</p>"