Pug



pug

पग दस्तावेज़ीकरण

स्थापना

पग npm माध्यम से उपलब्ध है:

$ npm install pug

अवलोकन

पग की सामान्य प्रतिपादन प्रक्रिया सरल है। pug.compile() पग स्रोत कोड को एक जावास्क्रिप्ट फ़ंक्शन में संकलित करेगा जो एक डेटा ऑब्जेक्ट (जिसे " locals " कहा जाता है) को तर्क के रूप में लेता है। अपने डेटा के साथ परिणामी कार्य को कॉल करें, और voilà! , यह आपके डेटा के साथ एचटीएमएल की एक स्ट्रिंग वापस करेगा।

संकलित फ़ंक्शन का पुन: उपयोग किया जा सकता है, और डेटा के विभिन्न सेट के साथ बुलाया जा सकता है।

//- 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() परिवार को प्रदान करता है जो एक चरण में संकलन और प्रतिपादन को जोड़ती है। हालांकि, प्रत्येक बार render लिए टेम्पलेट फ़ंक्शन को फिर से संकलित किया जाएगा, जो प्रदर्शन को प्रभावित कर सकता है। वैकल्पिक रूप से, आप render साथ cache विकल्प का उपयोग कर सकते हैं, जो स्वचालित रूप से संकलित फ़ंक्शन को आंतरिक कैश में संग्रहीत करेगा।

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>"