在前端开发中，我们经常需要使用模板引擎来渲染页面、生成HTML文件等。而 Metalsmith 和 jstransformer 是两个非常流行的工具，可以帮助我们完成这些任务。在使用 Metalsmith 和 jstransformer 进行开发时，我们可能需要使用一些自定义的模板引擎，这时我们可以使用 stephenwf-fork-metalsmith-engine-jstransformer这个 npm 包来方便地扩展 Metasmith 的模板引擎。
安装
使用 npm 进行安装：
$ npm install stephenwf-fork-metalsmith-engine-jstransformer
使用
在 Metalsmith 中使用
在使用之前，我们需要先安装 metalsmith 和 jstransformer：
$ npm install metalsmith jstransformer
- 在
Metalsmith的配置文件中引入stephenwf-fork-metalsmith-engine-jstransformer：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------------- - -------------------------
----- ------------------- - ----------------------------------------------------------
---------------------
----------------
----------------------
----------------------------------------
-- --- ----
--------------- ----- -
-- ----- ----- ----
---- 在需要使用模板引擎的文件头部声明使用的模板引擎：
--- title: Hello world template: my-template --- # Hello world
以上代码表示使用名为 my-template 的模板引擎来渲染该文件，模板引擎可以是任何支持 jstransformer 的模板引擎。
构建自定义模板引擎
如果想要使用这个包自定义模板引擎，需要在本地文件系统中安装相应的 jstransformer 模板引擎，然后传入相应的选项。以下是一个示例：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------------- - -------------------------
----- --- - ---------------
----- ------------------- - ----------------------------------------------------------
----- ---------------- - -------------------
---------------------
----------------
----------------------
------------------------------------------ -
-------- -----------
------ -----
------- ----
---
-- --- ----
--------------- ----- -
-- ----- ----- ----
---以上代码表示使用 pug 作为模板引擎，使用 **/*.pug 作为匹配规则，开启缓存和输出美化功能。
总结
使用 stephenwf-fork-metalsmith-engine-jstransformer 包来扩展 Metalsmith 的模板引擎非常方便，可以节省我们很多时间，并且可以自定义模板引擎以满足各种不同的需求。希望这篇文章对你有帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/stephenwf-fork-metalsmith-engine-jstransformer