简介
npm 是一个世界上最大的开源软件仓库，提供了丰富的前端和后端开发资源供我们使用。其中，hogan-express 是一个基于 Hogan.js 模板引擎的 Express 扩展，可以使我们在 Express 中更方便地使用 Hogan.js 模板。
安装
使用 npm 在项目目录下安装 hogan-express：
npm install hogan-express --save
使用
在 Express 中载入 hogan-express：
const express = require('express');
const app = express();
const hoganExpress = require('hogan-express');
app.engine('html', hoganExpress);
app.set('view engine', 'html');这段代码设置了 Express 使用 hogan-express 作为模板引擎，文件扩展名为 html。
在使用模板时，可以通过 res.render() 方法渲染模板，例如：
app.get('/', function(req, res) {
res.render('index', {
title: 'Hogan-Express Demo',
message: '欢迎使用 Hogan-Express！'
});
});这里渲染了名为 index.html 的模板，提供了 title 和 message 两个变量。在模板中可以通过 {{title}} 和 {{message}} 来调用这两个变量。
Hogan.js 模板语法
Hogan.js 是一种使用标签进行标记的模板引擎语言。它支持嵌套的部分、循环、条件语句，同时还有一些内置的助手。
输出变量
Hogan.js 使用双大括号来输出变量，例如：
<div>{{title}}</div>部分（Partial）
Hogan.js 支持嵌套的部分（Partial），可以将一个模板嵌入到其他模板中。使用单大括号和百分号来引用部分：
{{> header}}条件语句
Hogan.js 支持条件语句。例如：
{{#if isAdmin}}
<div>Welcome, admin!</div>
{{else}}
<div>Please log in.</div>
{{/if}}循环语句
Hogan.js 支持循环语句。例如：
{{#each users}}
<div>{{name}}</div>
{{/each}}内置助手
Hogan.js 中有一些内置的助手，例如等于、不等于、大于等于等，可以直接调用，例如：
{{#if a == b}}
<div>a equals to b</div>
{{/if}}自定义助手
我们也可以自定义助手，例如：
// 自定义助手
hoganExpress.helpers.capitalize = function(text) {
return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
};这样我们就可以在模板中使用 {{capitalize title}} 这样的方式来调用自定义助手。
总结
Hogan-Express 是一个很方便的工具，可以帮助我们更轻松地使用 Hogan.js 模板引擎。Hogan.js 自身的语法也比较灵活，可以应对大部分的场景。尤其是自定义助手功能，能够更好地满足业务需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63796