阅读 1486

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

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

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

你还在修改完 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
复制代码

根据提示输入相应的名称就可以创建项目了。

文章分类
前端