简介
@jeefo/template 是一款基于 JavaScript 的模板引擎，通过 npm 安装后可以快速通过编写模板文件的方式渲染页面。
安装
通过 npm 安装 @jeefo/template：
npm install @jeefo/template
使用
1. 引入模板引擎
const JeefoTemplate = require('@jeefo/template');
const template = new JeefoTemplate();2. 编写模板
在你的项目根目录下新建一个名为 example.html 的文件，输入以下内容：
-- -------------------- ---- -------
--------- -----
------
------
-----------------------
-------
------
-----------------
-----------------
-------
-------其中，{$title} 与 {$content} 是模板占位符，后续将会用数据填充。
3. 渲染模板
在你的 JavaScript 代码中输入以下内容：
const html = template.render('example.html', {
title: 'Hello World',
content: 'This is Jeefo Template.'
});
console.log(html);即可在控制台输出渲染后的 HTML。
4. 更多细节
- 模板中可以使用
if、else、for等控制语句； - 模板中可以嵌入 JavaScript 代码；
- 模板中可以使用全局的变量和函数；
- 模板中可以使用内置的函数，如
{{#include}}等。
示例代码
更多示例和代码可以参见 @jeefo/template 的 GitHub 仓库：
const JeefoTemplate = require('@jeefo/template');
const template = new JeefoTemplate();
const html = template.render('example.html', {
title: 'Hello World',
content: 'This is Jeefo Template.'
});
console.log(html);-- -------------------- ---- -------
--------- -----
------
------
-----------------------
-------
------
-----------------
-----------------
-------
-------总结
@jeefo/template 是一款强大的 JavaScript 模板引擎，通过代码示例我们可以看到其在渲染页面时的高效和便捷性，同时它也具备灵活的控制语句和 JavaScript 代码嵌入的能力，可以满足大多数前端开发的需求，可以在项目中广泛应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe24b5cbfe1ea0611b29