这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具;
其灵感来源 grunt-sprite
,由于其配置参数限制目录结构等,不能满足通用项目需求,现重新造轮子发布;
它的主要功能是:
- 对css文件进行处理,收集切片序列,生成雪碧图
- 在原css代码中为切片添加
background-position
属性 - 生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码
- 支持
image-set
配置高清雪碧图 - 在引用雪碧图的位置打上时间戳
- 在样式末尾追加时间戳
- 按照时间戳命名文件
使用 & 帮助更新
NPM:
Github:
共5评论
CoolGuy说:
于 2014-7-30 9:35:25 #
这个我尝试了不支持PNG之外的格式,比如JPG。
之前的项目(grunt-sprite)是支持的。
回复
谢亮说:
于 2014-8-13 18:17:55 #
赞
回复
coolle说:
于 2014-9-29 13:30:03 #
当我使用img@2x.png的时候,报错了,错误信息是:Fatal error: Unable to read "./lib/place.png" file (Error code: ENOENT),请问能不能帮我解决一下
回复
zmhan.zhu说:
于 2014-12-10 16:42:14 #
在安装grunt-css-sprite 的时候 会出现“gm”and “phantom.js”不是内部命令或外部命令,也不是可运行的程序或批处理文件 这是正常的么?
回复
dsadsa说:
于 2016-2-2 17:02:59 #
dsads
回复