介绍
ejs-alt 是一款用于前端的模板引擎，它是 ejs 的一个替代品，但是与 ejs 相比，ejs-alt 更加易用和灵活。它支持各种类型的数据对象，从普通的 JSON 数据到实例对象都可以轻松渲染。
我们可以使用 npm 包管理器来安装 ejs-alt。
安装
npm install ejs-alt
使用
首先，我们需要创建一个 ejs-alt 模板文件，文件名通常以 .ejs 结尾。在模板中，可以使用 ejs-alt 的语法来定义变量、循环、判断等操作。
以下是一个简单的 ejs-alt 模板示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ----- ----------
-------
------
------- ------------ -- ----------
-- -- -------------- - --
-- ------- ---- --------------- ---- - --
------- ------------- -------
-- - --
-- - --
-------
-------在上面的示例中，我们通过 <%= ... %> 语法来输出变量值，通过 <% ... %> 语法来编写逻辑操作。
接下来，我们可以使用 ejs-alt 的 API 来渲染模板。ejs-alt 的 API 提供了两种渲染模板的方式：
方法一：ejs.render(str, data)
第一种方式是使用 ejs.render 方法来渲染模板，该方法接受两个参数：模板字符串和数据对象。数据对象是可选的，如果没有传入数据对象，则默认使用一个空对象。
以下是一个简单的示例：
const ejs = require('ejs-alt');
const template = '<h1><%= message %></h1>';
const data = { message: 'Hello World!' };
const html = ejs.render(template, data);
console.log(html);在上面的示例中，我们通过 ejs.render 方法来渲染模板，将数据对象传递给 ejs.render 方法并通过 <%= ... %> 语法输出 message 变量的值。
方法二：ejs.renderFile(file, options, callback)
第二种方式是使用 ejs.renderFile 方法来渲染模板，该方法接受三个参数：模板文件路径、选项对象和回调函数。
以下是一个简单的示例：
-- -------------------- ---- -------
----- --- - -------------------
----- ---- - - -------- ------ ------- --
----- ------- - - ----- --------- --
----- -------- - ------------------
------------------------ -------- ----- ----- ----- -- -
-- ----- -
-----------------
-
------------------
---在上面的示例中，我们通过 ejs.renderFile 方法来渲染模板文件，将数据对象作为第三个参数传递给 ejs.renderFile 方法。
总结
ejs-alt 提供了一种方便的方式来生成 HTML 模板和其他类型的文本文档，让我们可以更加专注于数据和业务逻辑。它支持各种类型的数据对象，并且可以轻松地将模板与数据对象结合起来生成想要的 HTML。如果你正在寻找一种用于前端的模板引擎，那么 ejs-alt 是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725b81e8991b448e8836