npm 包 metalsmith-updated 使用教程

阅读时长 3 分钟读完

Metalsmith 是一个用 Node.js 编写的静态网站生成器,可以帮助我们快速方便地生成静态网站。而 metalsmith-updated 是一个拓展了 Metalsmith 功能的 npm 包,它能够检测文件变化并且只编译更新过的文件,可以使编译速度更快。本文将介绍如何使用 metalsmith-updated。

安装

首先你需要有 Node.js 和 npm,如果没有请先安装。然后在项目目录下执行一下命令安装 Metalsmith 和 metalsmith-updated。

配置

在项目目录下新建一个 metalsmith.js 文件,作为 Metalsmith 的配置文件。在文件中添加一下内容:

-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------- - ------------------------------
----- ------ - ------
----- ----------- - --------

---------------------
  ---------------
  -------------------------
  ---------------
  ------------ -- -
    -- ----- -
      -----------------
    -
  ---

我们引入了 Metalsmith 和 metalsmith-updated,加入了输入和输出目录,以及使用了 metalsmith-updated 插件。

使用

在终端中执行以下命令进行编译:

这个命令将在 src 目录下找到修改过的写作文档,并将它们复制到 build 目录下。

示例

我们在 src 目录下创建一个 index.md 文件,并且填写以下内容:

在终端中执行 node metalsmith.js,会在 build 目录下生成一个 index.html 文件,它的内容是:

-- -------------------- ---- -------
--------- -----
------
  ------
    ----- ----------------
    -------------------
  -------
  ------
    ------------------------------
  -------
-------

现在如果我们修改了 index.md 文件的日期,node metalsmith.js 只会重新编译这个文件,提高了编译效率。

结论

metalsmith-updated 插件可以帮助我们快速生成静态网站,提高编译效率。通过本文我们学习了如何使用它。希望读者能够将其应用到自己的项目中。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedb60ab5cbfe1ea06114c3

纠错
反馈