在前端开发中，经常会遇到需要将多个不同的文件合并、处理成最终的可用文件的情况。而 metalsmith-sense 就是一个非常好用的工具，它能够自动化地将不同的文件合并处理成最终的结果。本文将详细介绍如何使用这个 npm 包。
安装 metalsmith-sense
在使用 metalsmith-sense 之前，我们需要先安装它。使用以下命令即可：
npm install metalsmith-sense --save
使用 metalsmith-sense
首先，我们需要安装并配置 metalsmith：
npm install metalsmith --save
然后，在你的项目中新建一个 build.js 文件，在内部编写如下代码：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ----- - ----------------------------
---------------------
------------
---------- -------- ----- -
-- - --- -----------
------ - ----- ---- -
--
---------- -------- --------- -
-- ----------------
------ - ------- ------ -
-
---
---------- -- -
-- ----- -
-----------------
- ---- -
------------------ -----------
-
---其中，processor 函数接收一个 src 文件作为参数，返回处理后的数据。collector 函数接收一个数组，每个元素是 processor 函数处理后的结果，返回最终结果。
需要注意的是，如果要在 processor 函数中引用其他模块，需要在 build.js 文件的第一行添加如下代码：
global.__base = __dirname + '/';
这样就能够正确引用其他模块了。
示例
下面，我们通过一个简单的示例来演示如何使用 metalsmith-sense。
假设我们有两个文件：source/file1.md 和 source/file2.md，我们需要将这两个文件合并为一个 dist/result.html。
首先，在 source/file1.md 文件中输入以下内容：
--- title: 我是文件 1 的标题 --- 这是文件 1 的内容。
在 source/file2.md 文件中输入以下内容：
--- title: 我是文件 2 的标题 --- 这是文件 2 的内容。
然后，在 build.js 文件中编写以下代码：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ----- - ----------------------------
----- -------- - -------------------------------
------------- - --------- - ----
---------------------
-----------------
--------------------
----------------
------------
---------- -------- ----- -
--- ---- - ---
---------- - ----------
------------ - ------------------------
------ - ----- ---- --
--
---------- -------- --------- -
--- ------ - -------
------------------------ ------ -
------ -- ---------- - --------------- - -------
- ----- - ----------------- - ------------
---
------ -- --------
------ - ------- ------ --
-
---
---------- -- -
-- ----- -
-----------------
- ---- -
------------------ -----------
-
---这里，我们首先使用了 metalsmith-markdown，将 markdown 文件转为 html 文件。然后，我们使用 metalsmith-sense，将每个文件中的标题和内容取出，存储到数据中。collector 函数将每个文件的数据进行处理，并返回最终结果。
在控制台输入以下命令即可编译：
node build.js
编译完成后，在 dist 目录下就会生成一个 result.html 文件，内容如下：
-- -------------------- ---- -------
----
----
-------- - --------
------- - --------
-----
----
-------- - --------
------- - --------
-----
-----总结
在本文中，我们学习了如何使用 metalsmith-sense 这个 npm 包。通过上面的示例，我们可以看到，使用 metalsmith-sense 可以非常轻松地将多个文件合并处理成最终的结果。希望本文能对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f411d8e776d08040d72