Metalsmith 是一个基于 Node.js 平台的静态站点生成器。它提供了丰富的插件库，方便了开发者在生成静态网站时的操作。metalsmith-json-loader 是其中一个扩展库，可以帮助开发者处理与 JSON 相关的文件。
在本篇教程中，我们将会详细介绍 metalsmith-json-loader 的使用方式，并通过实例展示如何使用它来生成静态网站。
安装
我们可以通过 npm 来安装 metalsmith-json-loader。
--- ------- ---------------------- ------
使用方法
在使用 metalsmith-json-loader 之前，我们需要先配置 Metalsmith 的 build 文件或者 gulpfile。在下面的示例中，我们将通过 gulpfile 来配置 Metalsmith。
----- ---- - ----------------
----- ---------- - ----------------------
----- ---- - ----------------------------------
------------------ -- -- -
---------------------
--------------
--------------------
------------
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ -----------
-
---
---在上述示例中，我们通过 options 将一个空对象传递给 metalsmith-json-loader。如果你想要传递更多的选项，可以在 options 对象中设置以下参数。
------ ---- ------------ -- ----------- ---------- ---------- ------ -- ----- ---- ------- --------- ----- ------ --------- ------- -- ---- ---- ----- ---------- -------- -------- ------- --
这些选项将决定 metalsmith-json-loader 如何处理 JSON 文件。
src选项会定义 metalsmith-json-loader 匹配 JSON 文件的路径。默认为**/*.json。permalink选项将指定是否为每个 JSON 文件生成 permalink 页。默认为 false。property选项用于存储 JSON 文件内容的 metalsmith metadata 属性名。默认为json。
在配置 Metalsmith 的 build 文件之后，我们可以正式开始处理 JSON 文件了。我们来看一下在 Metalsmith 中如何使用 metalsmith-json-loader。
----- ---------- - ---------------------- -----------------------
在上述示例中，我们通过 use 来安装 metalsmith-json-loader 插件。在执行 build 命令之后，metalsmith-json-loader 将会寻找所有在源目录中匹配 options.src 参数的 JSON 文件，并把它们存储在 options.property 选项指定的 metadata 属性中。
在 metalsmith-json-loader 处理之后，所有的 JSON 文件都会存储在 Metalsmith 的 metadata 中，我们可以在后续插件中使用它们来生成静态网站。
----- ---------- - ----------------------
----------------------
------------ ----------- ----- -- -
----- -------- - ----------------------
-- -- ---- ----------
--- ------ -------- -- -------------- -
------------------------- ----------------------------------------- ----- ------
-
-------
--
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ -----------
-
---在上述示例中，我们使用了一个自定义的 Metalsmith 插件来打印匹配的 JSON 文件的内容。
示例代码
-- ------------- - ------ ------- -
-- -----------
----- ---- - ----------------
----- ---------- - ----------------------
----- ---- - ----------------------------------
------------------ -- -- -
---------------------
--------------
--------------------
------------
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ -----------
-
---
----- ------------
----- ---------- - ----------------------
----------------------
------------ ----------- ----- -- -
----- -------- - ----------------------
--- ------ -------- -- -------------- -
------------------------- ----------------------------------------- ----- ------
-
-------
--
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ -----------
-
---结论
Metalsmith 是一个非常强大的静态网站生成器，能够通过插件来帮助开发者更方便地生成静态网站。metalsmith-json-loader 是其中的一个插件，它可以帮助开发者处理 JSON 文件。上述内容详细介绍了 metalsmith-json-loader 的使用方法，各位开发者可以根据自己的需要来配置 metalsmith-json-loader。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/158148