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

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

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

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

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

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

项目起因

由于目前的大部分官网类页面都是全部的静态页面,作为一个项目来开发,选用一个注重数据等的框架是不靠谱的,那么这个时候就不许要用到纯静态开发了。

对于静态页面,工作量最大的莫过于—调样式。

以前的开发模式:

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

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

项目目的

解决刷新问题,支持页面自动刷新

支持样式预处理

支持保存自动编译,刷新页面

支持项目资源压缩,保证线上性能

为了实现这些,static-html-template就出现了。

目前支持

样式预处理(less)

样式文件打包、压缩、浏览器私有前缀添加

保存less文件后,自动执行打包,并刷新页面

图片压缩、js压缩、css压缩、html压缩

未来可能支持

命令行创建页面,包括完成 html 、 less 文件,并完成相应的引用配置

cli 操作方式,创建项目(已完成)

GUI 操作界面,新建项目,管理项目,新增页面等功能

新增功能

项目目前已支持 cli 操作,可以通过全局安装 cli 工具进行项目的新建。

安装 cli :

初始化项目:

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180606G0CU8Y00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券