前端静态页面快速迭代工具
时间：2023-07-21 12:00:01 | 来源：网站运营
时间：2023-07-21 12:00:01 来源：网站运营
前端静态页面快速迭代工具：在当代讲究效率的时代，码农的开发效率也一定程度上决定了码农的价值。
你还在为开发一个官网而愁眉哭脸吗？
你还在修改完 css 然后切回浏览器，重新刷新页面吗？
你还在被网络请求太慢，资源太大下载不下来而懊恼吗？
来吧，让我来解决你的问题。
项目起因
由于目前的大部分官网类页面都是全部的静态页面，作为一个项目来开发，选用一个注重数据等的框架是不靠谱的，那么这个时候就不许要用到纯静态开发了。
对于静态页面，工作量最大的莫过于--调样式。
以前的开发模式：
修改css->切回浏览器，刷新页面，不对->切回css文件，继续修改->切回浏览器。刷新页面.....
对于来回切换并且还要点击按钮刷新或者快捷键刷新的情况下，让码农无故多消耗了时间，浪费了声明。
项目目的
- 解决刷新问题，支持页面自动刷新
- 支持样式预处理
- 支持保存自动编译，刷新页面
- 支持项目资源压缩，保证线上性能
为了实现这些，static-html-template就出现了。
目前支持
- 样式预处理（less）
- 样式文件打包、压缩、浏览器私有前缀添加
- 保存less文件后，自动执行打包，并刷新页面
- 图片压缩、js压缩、css压缩、html压缩
未来可能支持
- 命令行创建页面，包括完成 html 、 less 文件，并完成相应的引用配置
- cli 操作方式，创建项目（已完成）
- GUI 操作界面，新建项目，管理项目，新增页面等功能
2018-05-28新增：项目目前已支持 cli 操作，可以通过全局安装 cli 工具进行项目的新建。
安装 cli ：
> npm i -g sht-cli初始化项目：
> sht new根据提示输入相应的名称就可以创建项目了。
在线咨询
