引言
在前端开发中，我们经常会用到模板引擎来渲染页面，ejs 是一款常用的模板引擎之一。而 ejs-cli 是一个基于 ejs 的命令行工具，可以通过命令行快速生成 ejs 模板文件。本文将详细介绍如何使用 ejs-cli。
安装
首先，我们需要在本地安装 ejs-cli，可以通过 npm 安装。
npm install ejs-cli -g
使用指南
命令行参数
使用 ejs-cli 的命令行参数如下：
ejs-cli [options] <template> [output]
template：输入文件路径，支持 globs。output：输出文件路径，支持纯文件名、绝对路径和相对路径。
可用的选项有：
-w或--watch：监视输入文件的变化。-p或--partials：设置 partials 文件夹路径。-d或--data：设置 data.json 文件路径。-o或--out：设置输出文件夹路径。
示例
假设我们的项目目录如下：
- project - src - index.ejs - layout.ejs - dist
我们想要生成一个包含头部导航和尾部版权的页面，可以在 src 目录下创建一个 index.ejs 文件，并编写以下代码：
-- -------------------- ---- ------- --------- ----- ------ ------ --------------- ------- ------ --- ----------------- ------- ------ -- ------------------ ------- -------展开代码
然后，我们在 src 目录下创建一个 layout.ejs 文件，并编写以下代码：
-- -------------------- ---- ------- -------- -- --------------- -- -------------------- --------- ------ ------- ----- ------- --- ---- -- ------- -------- ---- ---------展开代码
接下来，我们运行以下命令来生成 HTML 文件：
ejs-cli src/**/*.ejs -d src/data.json -p src/_partials -o dist
我们将输入文件路径设置为 src/**/*.ejs，表示使用所有 src 目录下的 .ejs 文件作为输入。我们还设置了 data.json 和 partials 文件夹的路径，并将输出文件夹设置为 dist。
执行完命令后，dist 目录下会生成以下文件：
- project - dist - index.html
打开 index.html 文件，可以看到以下内容：
-- -------------------- ---- ------- --------- ----- ------ ------ --------------- ------- ------ -------- -- --------------- -- -------------------- --------- ------ ----------- ------------------ ------- -------- ---- --------- ------- -------展开代码
总结
通过 ejs-cli 的使用，我们可以快速生成 ejs 模板文件，并在开发中快速渲染页面。熟练掌握 ejs-cli 的使用，可以大大提高前端开发效率，也可以方便地生成静态网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb497b5cbfe1ea06112f5
