前言
Metalsmith-if 是 Metalsmith 的一个插件，它基于 multimatch 匹配文件名并根据条件来筛选文件。
在本篇文章中，我们将学习如何安装和使用 Metalsmith-if 插件来处理我们的静态网站生成器。
安装
首先，我们需要安装 Metalsmith 和 Metalsmith-if。我们可以在命令行中输入以下两个命令来完成安装：
npm install metalsmith -g npm install metalsmith-if
npm install metalsmith用于全局安装 Metalsmith。npm install metalsmith-if用于安装 Metalsmith-if 插件。
使用
在本节中，我们将学习如何在 Metalsmith 中使用 Metalsmith-if。让我们创建一个名为 mysite 的项目，并在其 src 目录中创建两个文件 index.html 和 about.html。
mysite/ ├── node_modules/ │ ├── metalsmith-if/ │ └── metalsmith/ ├── src/ │ ├── index.html │ └── about.html └── build.js
示例 1
让我们假设我们需要删除 about.html 文件。我们可以在 build.js 中使用 if 插件来过滤掉这个文件。代码如下：
-- -------------------- ---- -------
--- ---------- - ----------------------
--- -------- - -------------------------
--- ------------- - -
-------- -------------
------- ----
--
---------------------
----------------
-----------------------------
-----------------------
--------------- ----- -
-- ----- ----- ----
---在上述代码中，我们使用了 metalsmith-if 插件来过滤 about.html 文件。我们创建了一个名为 filterOptions 的新对象，其中包含两个属性：
pattern：表示要匹配的所有文件名。remove：标记，表示是否要删除匹配的文件。
在我们的示例中，我们将 pattern 属性设置为 about.html，以匹配我们想要删除的文件。remove 属性设置为 true，因为我们想删除匹配的文件。
示例 2
现在让我们假设我们需要在生成的结果中仅保留 about.html 文件。我们可以使用 Metalsmith-if 中的 only 选项来完成这项工作。代码如下：
-- -------------------- ---- -------
--- ---------- - ----------------------
--- -------- - -------------------------
--- ------- - -
----- ------------
--
---------------------
----------------
-----------------------
-----------------------
--------------- ----- -
-- ----- ----- ----
---在我们的示例中，我们创建了一个名为 options 的对象，并在其中设置了 only 属性。只有 about.html 文件将被包括在生成的结果中，因为我们只设置了 only 选项来过滤与该文件名匹配的文件。
结论
在本文中，我们学习了如何使用 Metalsmith-if 插件来处理静态网站生成器。我们了解了使用 pattern 和 only 属性是如何过滤文件以及如何删除或保留指定文件。现在，可以将 Metalsmith-if 插件引入你的项目中，以管理你的静态页面中的文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3f1d8e776d08040bf6