介绍
Metalsmith 是一个用于静态网站生成器的工具链，可以在构建过程中转换、建立和优化文件。Metalsmith-debug 是为 Metalsmith 提供调试环境的一个 npm 包，它可以将 Metaslsmtih 生成的文件的信息打印到终端上，方便开发者调试。
本文将为大家介绍如何使用 metalsmith-debug 包来进行调试。
metalsmith-debug 的安装
在使用 metalsmith-debug 之前，首先需要安装 Metalsmith 命令行工具和 metalsmith-debug 包。
安装 Metalsmith 命令行工具
在全局环境中安装 metalsmith 命令行工具：
npm install -g metalsmith
安装 metalsmith-debug 包
同样在全局环境中安装 metalsmith-debug 包：
npm install -g metalsmith-debug
使用示例
下面给出一个简单的 metalsmith-debug 示例，该示例将构造一个只有一篇文章的静态网站，并利用 metalsmith-debug 打印出程序运行的信息。
首先，创建一个名为 testsite 的文件夹，并在该文件夹下创建一个名为 "index.html" 的文件，然后将该文件夹初始化为 Metalsmith 项目：
cd testsite touch index.html metalsmith init
此时 testsite 文件夹中应该包含两个文件：index.html 和 metalsmith.js。
在 metalsmith.js 文件中，我们可以对 Metalsmith 进行配置。下面的代码将解释如何对 Metalsmith 进行配置，并使用 metalsmith-debug 打印出程序运行的信息。
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ----- - ----------------------------
--------------------- -- -- ---------- -----
------------ -- -----------
----------------------- -- ------------
------------- -- -- --------------------------
------------ -- - -- ----
-- ----- ----- ----
---在运行上述代码后，终端会输出如下信息：
-- -------------------- ---- -------
-------- -----
--------------------
------- ---------- --------
----- ---------- ------------------------------------------------------------------------------------------------
------- ---------- -------
----------------------
----------------
----------------------
------------ -------
----------------------
----------------
----------------------
----- ---------- ---------
----------------------
---------------- - ---- ----------
----- -----
------ - ---- ----------------- ----- ------ ------ -- ---- -- ---- -- ----- -- -------- ----- ---- ---------------- ----- -- ------- -- ------ ------------------------- ------ ------------------------- ------ ------------------------- ---------- ------------------------ -
--------- ------- -------
------ - ----- ------------- --------- -- -
----------------------
------- -----
----------------------
----------------
----------------------
-------- -----
--------------------可以看到，在 Metalsmith 构建网站的过程中，metalsmith-debug 将调试信息输出到了终端上，方便我们进行调试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78082