什么是 ssg-grunt？
ssg-grunt 是一个面向静态网站生成器（SSG）的 npm 包，提供了一种简单、易用和高效的方式来构建和管理静态网站。
ssg-grunt 基于 Grunt 构建，它提供了一组强大的工具和任务，可以帮助你自动化整个 SSG 的构建和发布流程。
通过 ssg-grunt，你可以轻松地将你的静态网站源代码转换成对应的静态页面，并将它们发布到各个平台。
运行环境要求
- Node.js >= 8.0
- npm >= 5.0
- Grunt >= 1.0
安装 ssg-grunt
首先，你需要在你的项目里安装 ssg-grunt：
npm install --save ssg-grunt
使用 ssg-grunt
使用 ssg-grunt 的第一步，是在项目的根目录下创建一个 Gruntfile.js 文件。该文件包含了 Grunt 的配置信息和任务列表。
下面是一个示例的 Gruntfile.js 文件：
-- -------------------- ---- ------- -------------- - --------------- - ------------------ ---- - -------- - ---- ------ ----- ------ -- ------ - -------- - ----- ---------- - -- ------- - -------- - ----- -------- - - - --- -------------------------------- --------------------------- --------------- ---------------------------- ---------------- --展开代码
在这个示例中，我们定义了两个任务：build 和 deploy，分别用于构建和发布静态网站。
任务的配置信息存储在 ssg 配置对象中，其中 options 用于配置全局选项，build 和 deploy 是任务列表。
在 options 对象中，我们指定了源代码目录和目标目录。在 build 和 deploy 任务中，我们在 options 对象中分别指定了要执行的任务类型。
最后，我们通过 grunt.loadNpmTasks方法和 grunt.registerTask 方法将 ssg-grunt 加载到 Grunt 中，并定义了任务的别名。
配置选项
在配置 ssg-grunt 的选项时，你可以指定以下参数：
src：源代码目录，默认值为src。dest：目标目录，默认值为dist。task：要执行的任务类型。可选值为generate和deploy。publisher：要使用的发布器类型。可选值为ftp、s3、oss等多种类型。publisherOptions：发布器的配置选项。根据不同发布器的要求，该选项的内容也不同。
任务列表
ssg-grunt 提供了多种任务类型，包括：
clean：清理目标目录。copy：复制不需要进行处理的资源文件。generate：将源码生成静态网页。compress：压缩生成的静态网页。deploy：将生成的静态网页发布到指定的位置。
在使用 ssg-grunt 时，你可以根据自己的需求选择性地执行其中的一些或全部任务。
示例代码
下面是一个完整的、包含了多种任务类型和发布器类型的 Gruntfile.js 文件示例：
-- -------------------- ---- ------- -------------- - --------------- - ------------------ ---- - -------- - ---- ------ ----- ------- -- ------ ----- ---------------- ------- ----- - ---------- - ------ - - ------- ----- ---- ---- --------------- --------------- ---- --------- ----- ---- ---------------- --------------- -- - ------- ----- ---- ---- --------------- ------------- ---- -------- ------------ ----- ---- ---------------- ------------- -- - -- -- --------- - -------- - --------- -------------- ----- -------- - -- --------- - -------- - ----- ------ - -- ------- - -------- - ----- ------ ----------------- - ----- ------------------- ----- -------------- --------- -------------- --------- ----------------- - - - - --- -------------------------------- --------------------------- ------------- ----------- --------------- ----------------- ---------------------------- --------- --------------- --展开代码
在这个示例中，我们定义了四个任务：clean、copy、generate 和 compress，加上 deploy 任务，一共五个任务。
clean任务用于清理目标目录，消除之前的编译生成的东西。copy任务用于拷贝不需要进行处理的资源文件以及 content 目录中的非 Markdown 文件到目标目录。generate任务根据指定的provider来生成静态网页，并使用site配置选项来指定网站的名称。compress任务用于压缩生成的静态网页。deploy任务将build出来的生成结果部署到 FTP 服务器的指定路径中。
你可以根据自己的需要，依据这个示例代码来进行修改配置，来生成属于自己的静态网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a68ccae46eb111f233
