在前端开发中,我们经常需要使用静态网站生成器来构建网站,其中Wintersmith 是一个非常流行的选择。Wintersmith 提供了一些扩展来满足个人或团队的需求,其中 wintersmith-asis 就是这些扩展中很重要的一项。本文将详细介绍如何使用 NPM 包 wintersmith-asis 来自动生成生成器的文件。
简介
Wintersmith-asis 是 Wintersmith 的一个扩展,它允许你将非模板文件复制到生成的网站中,而不对它们进行处理。这对于构建网站非常有用,其中需要将二进制文件或其他非模板文件添加到生成的文件夹中。这种扩展还可以用来重命名文件或者将复制到生成的网站根目录外的文件。
安装 wintersmith-asis
要使用 wintersmith-asis 扩展,首先需要安装它。我们可以使用 npm 包管理器来安装它,npm 始终与 Node.js 一起使用:
npm install wintersmith-asis --save-dev
在安装后,在 Wintersmith 的配置文件中添加 wintersmith-asis 组件。这将按原样复制非模板文件:
-- -------------------- ---- ------- -- --------------------------- -------------- - -------- -------- --------- - ------------------------------------ -------- --------- -------------------------- ----- --------- - --- --- - ----------------- --- --- - ----------------- --- ---- - -------------- - --- ---- - -------------- ------ --- ---- - -------------- ------ --- ---------- - -------------------- ----------------- ------------------------------ -- ------------ -- -------------------- - --- ----- - ------------------ -- ---------------- - -------------------- ------- ------ ---------------------------------- ---------------------- ----------------------- - ---- -- --------------------- - -------------------- ------------ ------ -------------------- ------------------ ----- ---------- ------- - - -- ---------- --------------- - -------------- ----- ---------- --- --
使用 wintersmith-asis
使用 wintersmith-asis 的主要方式是在配置文件中添加 processing 选项。这将在生成新网站时将非模板文件复制到 public 文件夹中:
-- -------------------- ---- ------- -- --------------------- -------------- - -------- ----- --------- - ------ - ------ ----------------- -------- ------- - ------------- -------- -- - ------ ---- ---------------------- - -- -- ---------------- -------- --------- - ----------- - -------------- - ----- ---- -- -------------- - ----- ---- -- ------------ - ----- ---- -- - -- -- -------- --- -------- --- ----- ----------- - ----- ------------ -------- ------- ------- --------------- ------ ---- - -- --
在生成的新网站中,所有位于指定位置的非模板文件将被复制到 public 文件夹中。这些文件不会根据模板文件调整。如果要将文件重命名或把它们移动到不同的位置,请参考其他选项,并正在使用模板语言编写规则。
示例
下面是一个简单的示例,它将 images 和 pdfs 文件夹中的所有文件复制到生成的网站 public 文件夹中。
-- -------------------- ---- ------- -- --------------------- -------------- - -------- ----- --------- - ------ - ------ ----------------- -------- ------- - ------------- -------- -- - ------ ---- ---------------------- - -- --------- - ----------- - -------------- - ----- ---- -- ------------ - ----- ---- -- - -- ----------- - ----- ------------ -------- ------- ------- --------------- ------ ---- - -- --
结论
Wintersmith-asis 是一个非常有用的扩展,它允许你将非模板文件直接复制到生成的网站中。这使得构建网站更加灵活,并使得它非常适合需要将文件移动到不同目录或重命名文件的网站。
如果你想要自由的体验自己的 Wintersmith 网站,请尝试使用 Wintersmith-asis 扩展。希望本篇文章能对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6006710f8dd3466f61ffe249