Nodejs 浏览器端 EJS Handlebars doT 如何选择?

针对你的需求，我们可以从几个方面来评估这些模板引擎：易用性、性能、支持和生态。

1. Handlebars

• 优点：
  • logic-less 模板，易于维护。
  • 有大量的社区支持和插件（如 Sublime Text 插件）。
  • 性能较好。
• 缺点：
  • 逻辑需要写在 Helpers 中，如果逻辑复杂可能会显得混乱。

2. EJS

• 优点：
  • 允许直接在模板中写入 JavaScript 逻辑。
  • 有良好的社区支持和文档。
  • 通过暴露 API 可以进行预编译。
• 缺点：
  • 性能可能不如 Handlebars 和 doT。

3. doT

• 优点：
  • 性能最好。
  • 支持预编译。
• 缺点：
  • 文档较少且不完整。
  • 缺乏像 Handlebars 和 EJS 那样的社区支持。

示例代码

使用 Handlebars

// 安装 handlebars
npm install handlebars

// 引入 handlebars
const Handlebars = require('handlebars');

// 定义一个简单的模板
const source = `
  <div class="person">
    {{name}}
    <br>
    {{age}}
  </div>
`;

// 注册 Helper
Handlebars.registerHelper('if_even', function(value, options) {
  if (value % 2 === 0) {
    return options.fn(this);
  } else {
    return options.inverse(this);
  }
});

// 编译模板
const template = Handlebars.compile(source);

// 渲染数据
const data = { name: 'John Doe', age: 25 };
console.log(template(data));

使用 EJS

// 安装 ejs
npm install ejs

// 引入 ejs
const ejs = require('ejs');

// 定义一个简单的模板
const source = `
  <div class="person">
    <%= name %>
    <br>
    <%= age %>
  </div>
`;

// 渲染数据
const data = { name: 'John Doe', age: 25 };
ejs.render(source, data).then(html => {
  console.log(html);
});

使用 doT

// 安装 dot
npm install doT

// 引入 doT
const doT = require('dot');

// 定义一个简单的模板
const template = doT.template(`
  <div class="person">
    {{= it.name }}
    <br>
    {{= it.age }}
  </div>
`);

// 渲染数据
const data = { name: 'John Doe', age: 25 };
console.log(template(data));

总结

根据你的需求，如果你希望保持逻辑简单并且容易维护，可以选择 Handlebars。如果你更喜欢直接在模板中编写 JavaScript 逻辑，可以使用 EJS。如果你对性能有极高的要求，那么 doT 可能是最好的选择，尽管它可能缺乏一些支持。