简介
@pirxpilot/jade-core 是一个 Node.js 模板引擎 Jade （现在被称为 Pug）的核心库，目的是提供一个可重用、可拓展、可测试的解析器。它提供了 Pug 模板的分析、编译和渲染功能，是 Pug 模板引擎中的核心部分。
该包可以直接通过 NPM 安装，使用方法也十分简单。本篇文章将带领您深入了解 @pirxpilot/jade-core 的使用方式。
如何安装
可以通过 npm 直接安装：
npm install @pirxpilot/jade-core
如何使用
解析 Pug 模板文件
可以利用 Jade 的解析器解析 Pug 模板文件，得到 AST。
const fs = require('fs'); const PugParser = require('@pirxpilot/jade-core').Parser; const contents = fs.readFileSync('./template.pug', { encoding: 'utf8' }); const ast = new PugParser(contents, './template.pug').parse(); console.log(ast);
编译 Pug 模板
编译 Pug 模板可以得到渲染函数。
const Compile = require('@pirxpilot/jade-core').Compile; const functionBody = new Compile(template, { filename: './template.pug' }).compile(); console.log(functionBody);
渲染 Pug 模板
使用渲染函数可以渲染模板，得到最终的 HTML 内容。
const runtime = require('@pirxpilot/jade-runtime'); const jade = require('@pirxpilot/jade-core'); const PugRuntime = runtime(jade); const context = { title: 'The King' }; const html = new Function(PugRuntime.compile(functionBody))(context); console.log(html);
示例代码
以下是一个简单的示例，将一个 Pug 模板文件渲染成 HTML：
-- -------------------- ---- ------- ----- -- - -------------- ----- ------- - ---------------------------------------- ----- ------- - ----------------------------------- ----- ---- - -------------------------------- ----- --------- - ------------ ----- ---------- - -------------- ----- -------- - ----------------- ----- -------- - ------------------------- - --------- ------ --- ----- --- - --- ------------------- ------------------ ----- ------------ - --- ------------ - -------- ------------- ----- ------- - - ------ ---- ----- -- ----- ---- - --- ---------------------------------------------------- ------------------展开代码
本示例将会渲染模板文件 ./template.pug，将 { title: 'The King' } 作为传入模板的上下文，渲染出最终的 HTML 内容。
结语
本文介绍了如何使用 @pirxpilot/jade-core 包解析、编译以及渲染 Pug 模板。希望读者通过本文可以对该包有一个更加深入的了解，也希望读者可以通过该包提高自己的编程水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/pirxpilot-jade-core
