前端静态页面快速迭代工具

在当代讲究效率的时代,码农的开发效率也必定程度上决定了码农的价值。css

你还在为开发一个官网而愁眉哭脸吗?html

你还在修改完 css 而后切回浏览器,从新刷新页面吗?git

你还在被网络请求太慢,资源太大下载不下来而懊恼吗?github

来吧,让我来解决你的问题。npm

项目原由

因为目前的大部分官网类页面都是所有的静态页面,做为一个项目来开发,选用一个注重数据等的框架是不靠谱的,那么这个时候就不准要用到纯静态开发了。浏览器

对于静态页面,工做量最大的莫过于--调样式。bash

之前的开发模式:网络

修改css->切回浏览器,刷新页面,不对->切回css文件,继续修改->切回浏览器。刷新页面.....框架

对于来回切换而且还要点击按钮刷新或者快捷键刷新的状况下,让码农无端多消耗了时间,浪费了声明。less

项目目的

  • 解决刷新问题,支持页面自动刷新
  • 支持样式预处理
  • 支持保存自动编译,刷新页面
  • 支持项目资源压缩,保证线上性能

为了实现这些,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
复制代码

根据提示输入相应的名称就能够建立项目了。

相关文章
相关标签/搜索