简介
metalsmith-register-partials
是一个可以使用handlebars
进行静态网页构建的工具,该工具提供了一个注册分部的函数,并允许用户在静态网站构建过程中使用分部。 本教程将介绍如何使用metalsmith-register-partials
来创建分部并将其与静态网页结合使用。
安装 metalsmith-register-partials
metalsmith-register-partials
是npm包,所以使用它最好的方式是通过npm进行安装。 打开终端并输入以下命令:
--- ------- ---------------------------- ----------
这将安装 metalsmith-register-partials
并将其添加到项目中的开发依赖项中。
在 metalsmith
中使用 metalsmith-register-partials
首先需要在项目中创建一个基本的 metalsmith
构建流程,并在流程中添加 metalsmith-register-partials
。 在metalsmith
的配置脚本中添加以下代码段:
----- ---------- - ---------------------- ----- ---------------- - ---------------------------------------- --------------------- -------------------------
该插件应该作为metalsmith
构建流程的一部分使用。使用registerPartials
定义分部的方法可以查看以下示例:
---- -------- ---- ------------------------ ---- ------------ ---- --------------- --------------------------------------- ---- --------------- ----------------------------------------- ---- --------------- --------------------------------------------- --------------- -----------
构建网站
现在,已经定义了分部,可以使用handlebars
模板语言来为网站创建页面。 当在metalsmith
中运行网站构建时,任何使用了分部的页面都将通过 metalsmith-register-partials
自动将分部添加到这些页面中。以下是一个示例:
----- ---------- - ---------------------- ----- ------- - ------------------------------ ----- ---------------- - ---------------------------------------- --------------------- ------------------------ -------------- ------- ------------- --------- ---------- --- -------------------- - -- ----- ----- ---- ---
在这里,layouts
插件被调用,使用‘handlebars’作为引擎,并将所有分部放置在‘partials’目录中。 然后,使用.build
方法就可以对此进行构建。
结论
使用 metalsmith-register-partials
可以使网站构建过程更加便捷、简单和快捷。本文介绍了如何安装和使用该工具,以及如何在 metalsmith
构建流程中使用它。 清楚了解了 metalsmith-register-partials
的使用方法,就可以更加方便的使用 handlebars
模板创建分部来制作静态网站。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066f411d8e776d08040d27