这是一个帮助å‰?端开å?‘工程师将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
回å¤?