在前端开发中，我们经常会使用静态网站生成器来快速生成静态网站。metalsmith 是一个 JavaScript 静态网站生成器，它允许我们使用插件来扩展其功能。其中，metalsmith-mtime 是一个非常有用的插件，它可以自动将文件的“修改时间”添加到每个文件的元数据中，方便我们查看文件最后一次修改的时间。
本文将简要介绍如何使用 metalsmith-mtime 插件，并提供代码示例。
安装
使用 npm 来安装 metalsmith-mtime 插件：
npm install metalsmith-mtime --save-dev
配置
在使用 metalsmith-mtime 插件之前，需要先为 metalsmith 配置一下。
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ----- - ----------------------------
---------------------
-----------
------ --- -----
--
----------------
----------------------
-------------
-------------------- -
-- ----- -
----- ----
-
---基本使用
在 metalsmith 配置文件中添加 metalsmith-mtime 插件后，它会自动为每个文件添加一个名为“mtime”的元数据。我们可以通过 metadata 方法来查看这个元数据。
-- -------------------- ---- -------
---------------------
-----------
------ --- -----
--
----------------
----------------------
-------------
-------------------- -
-- ----- -
----- ----
-
--- -------- - ----------------------
----------------------
---在控制台中会输出类似于以下内容的元数据：
-- -------------------- ---- -------
-
------ --- ------
--------- -
-
------ -----------
--------- -------- ------------
------ --------------------------
--
-
------ -----------
--------- -------- ------------
------ --------------------------
-
-
-示例代码
下面是一个完整的 metalsmith 配置文件示例，同时也包含了使用了 metalsmith-mtime 插件。
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -------- - -------------------------------
----- ---------- - ---------------------------------
----- ----- - ----------------------------
---------------------
-----------
------ --- -----
--
----------------
----------------------
-------------
----------------
-----------------
-------- --------
---
-------------------- -
-- ----- -
----- ----
-
------------------ ------------
---结论
metalsmith-mtime 插件可以很方便的将文件的“修改时间”添加到每个文件的元数据中，方便我们查看文件最后一次修改的时间。当我们需要在静态网站中显示文件最后修改时间的时候，就可以使用这个插件来解决问题。
同时，metalsmith-mtime 插件也是一个很好的学习资料，可以帮助我们更深入地了解 metalsmith 静态网站生成器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f401d8e776d08040c8e