介绍
Static-builder 是一款通过 Skeleton 来创建页面模板，将模板转化为一组 HTML、CSS 和 JavaScript 文件、图片等资源，最后生成静态页面的命令行工具。这款工具提供了编译、压缩、发布等功能，让我们的静态页面得以快速生成，从而提高开发效率。
安装
使用 npm 安装 static-builder：
--- ------- -------------- --
使用
在项目的根目录下，创建 skeleton.json 配置文件和 index.html 主文件。建立好配置文件和主文件后，我们就可以使用以下命令来生成静态页面：
-------- ---
此外，静态资源最好部署在 CDN 上，它不仅能改善用户的体验，同时还能降低服务器的负载。我们可以使用以下命令来将静态资源部署到 CDN 上：
-------- ------
配置选项
我们可以在 skeleton.json 配置文件中设置多个选项来自定义输出文件的位置、文件压缩、部署路径等。下面是一个示例配置文件：
-
-------- -
------- ---------
-------- -
-
------ ----
--------- ----------
------- ---------
-------- -------
--------- -------------
--------- -
------- -
--------- ----------------
--------- ---------------
-
-
--
-
------ ---------
--------- ----------
------- ---------
-------- --------
--------- -------------
--------- -
------- -
--------- ----------------
--------- ---------------
-
-
-
-
--
--------- -
------ -----------
------ ---------------
----- --------------
------ ---------------
------- ----------------
----------- -------------------------------
--
--------- -----
--------- -
------ ----------------------
------- ----------
-
-部署示例
假设我们的项目根目录下已经创建好 skeleton.json 配置文件和 index.html 主文件，以及一个 img 目录，里面有一张名为 bg.jpg 的图片。那么我们可以在命令行中输入以下命令来编译生成静态页面：
-------- ---
编译完成后，我们可以在 output.dir 目录（默认为 ./public 目录）找到生成的静态页面。此时，我们需要将静态资源部署到 CDN 上，可以在命令行中输入以下命令来进行部署：
-------- ------
部署完成后，我们就可以通过浏览器来访问静态页面了。如果我们设置了部署路径（deploy.path），则可以通过以下链接来访问页面：
-------------------------------------
结论
Static-builder 是一个高效、方便的命令行工具，它能快速生成静态页面，并提供了压缩、部署等功能，使我们的开发工作更加便捷。同时，它还提供了多个配置选项，我们可以根据项目需求来进行自定义，从而更好地满足项目的要求。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/79201