简介
在前端开发过程中，我们经常需要编写HTML模板，Jade是一种类似于模版的HTML语言，其优点在于可以更加简洁，易于阅读、维护和修改。而 oc-jade-legacy 是一个将 Jade 编译成 HTML 的 NPM 包，方便我们在项目中使用 Jade。
安装
如果您已经安装了 Node.js 和 npm，只需在命令行中输入以下命令即可安装：
npm install oc-jade-legacy
使用
基本用法
在项目中使用 oc-jade-legacy 的方法非常简单。如果您的项目中已经安装了 oc-jade-legacy，您只需要编写 Jade 文件，然后在命令行中运行以下命令即可将其转换为 HTML 文件：
oc-jade-legacy --output index.html index.jade
其中 index.jade 是您要编译的 Jade 文件的名称，index.html 则是生成的 HTML 文件的名称。
高级用法
除了基本用法之外，oc-jade-legacy 支持一些高级功能，例如使用 include 和 extend 指令来创建可重用的模板。下面是一个简单的示例：
-- -------------------- ---- -------
-- -----------
------- ----
----
----
------ -----
----
----- -------
-- ----------
------- -----------
----- -------
--- -----
- ------- -- ------------
-- ------
--- ---- - --------------------------
--- ---- - ----------------------------- -
------ ----------
---------- ----- -----
---
------------------在示例中，我们创建了两个 Jade 文件：layout.jade 和 index.jade。layout.jade 定义了基本的 HTML 结构，包含 HTML、head 和 body 元素。index.jade 扩展了 layout.jade，并且定义了 content 区域的内容。app.js 利用 oc-jade-legacy 将 index.jade 转换成 HTML，并且将 title 和 pageTitle 变量注入到模板中。
总结
oc-jade-legacy 是一个非常有用的 NPM 包，可以帮助我们快速地转换 Jade 为 HTML，并且支持高级功能，例如 include 和 extend 指令。通过上面的学习，我们可以更加高效、简洁、易用地编写 HTML 模板。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbef4b5cbfe1ea0611bb3