在开发 Web 应用程序时，我们通常会使用模板引擎来将数据和视图进行分离处理，以实现更好的可维护性和可扩展性。然而，在某些情况下，我们需要将模板化内容去除，使其成为静态文本。这时，我们就可以使用 metalsmith-untemplatize 这个 NPM 包。
metalsmith-untemplatize 是一个 Metalsmith 插件，用于将模板引擎生成的内容中的变量替换为其对应的值，从而去除模板化内容。它支持多种模板引擎，如 Handlebars、EJS、Jade 等，并且易于配置和使用。
使用步骤
1. 安装 metalsmith-untemplatize 包
使用以下命令来安装 metalsmith-untemplatize 包：
npm install metalsmith-untemplatize --save-dev
2. 引入 metalsmith-untemplatize 插件
在 Metalsmith 项目中，通过以下代码引入 metalsmith-untemplatize 插件：
const Metalsmith = require('metalsmith'); const untemplatize = require('metalsmith-untemplatize'); Metalsmith(__dirname) .use(untemplatize()) .build(function(err) { if (err) throw err; });
3. 配置 metalsmith-untemplatize
在以上代码中，use() 函数引入了一个名为 untemplatize 的插件，并通过调用它来去除模板化内容。如果需要进行配置，可以通过传递参数来指定。
以下是一些常用的配置选项：
pattern: 用于指定哪些文件需要被处理，支持 glob 模式。默认值为**/*.{html,md}。engine: 指定使用哪种模板引擎来解析模板化内容，可选值为 handlebars、jade、ejs。默认值为 handlebars。engineOptions: 指定传递给模板引擎的选项，如 partials 目录等。默认为空。
以下是一个示例配置：
-- -------------------- ---- ------- --------------------- ------------------- -------- ----------- ------- ------------- -------------- - --------- ----------- - --- -------------------- - -- ----- ----- ---- ---展开代码
4. 编写模板化内容
最后，我们需要编写含有模板化内容的文件，以下是一个示例内容：
--- title: "My Blog" author: "John Doe" date: "2021-08-01" --- <h1>{{title}}</h1> <p>Written by {{author}} on {{date}}</p>
在这个示例中，我们使用了 Handlebars 语法来指定变量，并用 {{}} 括起来。当运行 metalsmith-untemplatize 插件时，这些变量将被替换为其对应的值。
结语
通过使用 metalsmith-untemplatize 这个 NPM 包，我们可以轻松地将模板化内容转变为静态内容，从而提高 Web 应用程序的性能和可维护性。希望大家可以根据这个教程进一步深入了解和应用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f421d8e776d08040e05
