Metalsmith 是一个静态网站生成器，它允许开发者使用简单的插件机制自定义网站构建流程。在构建网站时，我们通常需要对源文件进行筛选，例如只选择某些特定类型的文件来进行下一步处理。
Metalsmith-filter 是一个非常方便的 Metalsmith 插件，可以帮助我们快速进行文件筛选。本文将为你介绍 metalsmith-filter 包的使用方法。
安装
使用 npm 进行安装：
npm install metalsmith-filter --save-dev
使用
首先在代码中引入该包：
const filter = require('metalsmith-filter');
1. 基本用法
metalsmith-filter 插件通过传递一个参数即可进行文件筛选。例如，我们只想筛选出当前源目录下的所有 .md 文件，代码如下：
Metalsmith(__dirname) .source('src') .destination('dist') .use(filter('**/*.md')) .build();
使用 **/*.md 做为筛选条件，选中符合该条件的所有文件。
2. 高级用法
除了基本用法之外，metalsmith-filter 还支持一些高级筛选方法。
接收一个回调函数
metalsmith-filter 还支持传递一个回调函数来筛选文件。回调函数将会接收一个参数，为 metalsmith 文件对象。
接下来的示例代码演示了如何筛选出所有已发布的文章：
.use(filter((file) => (file.published)))
自定义 filter 方法
你还可以自定义一个 filter 方法。下列示例代码展示出如何自定义一个方法来筛选出多个条件下的文件：
-- -------------------- ---- ------- -------- --------------- --- --- - ----- ------- - --- ---------------------------------------- - ----- ---- - ----------- -- -------- --- -- -- ------- --- --- - ------------ - ----- - --- ------ -------- - --------------------- -------------- -------------------- --------------------- ------ ------- ---------展开代码
在这个例子中，我们定义了一个名为 myFilter 的方法，在其中指定了两个字符串参数 t1 和 t2。然后我们使用 filter() 方法来调用自定义的 filter 方法。
结论
metalsmith-filter 在资源筛选方面提供了非常实用的方法，能够大幅简化你在构建静态网站时的工作。我们在这篇文章中学习了如何安装及使用 metalsmith-filter 包。实践一下，给你的下一个 web 项目带来不一样的加载效果吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/85541
