Pug



pug

وثائق الصلصال

التركيب

الصلصال متاح عبر npm :

$ npm install pug

نظرة عامة

عملية التقديم العامة لـ Pug بسيطة. سوف يقوم pug.compile() بتجميع كود مصدر pug.compile() في وظيفة JavaScript والتي تأخذ كائن بيانات (يسمى " locals ") كوسيطة. استدعاء هذه الدالة الناتجة مع البيانات الخاصة بك ، و voilà! ، ستعرض سلسلة من 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.render() مجموعة pug.render() من الوظائف التي تجمع بين pug.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>"