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