grunt-css-sprite - 凡事预则立,?预则废

这是一个帮助?端开?工程师将css代?中的切片?并?雪碧图的工具;
其?感?? grunt-sprite,由于其?置?数?制目录结构等,?能满足通用项目需求,现?新造轮??布;
它的主?功能是:

  1. 对css文件进行处?,收集切片?列,生?雪碧图
  2. 在原css代?中为切片添加background-position属性
  3. 生?用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代?
  4. 支? image-set ?置高清雪碧图
  5. 在引用雪碧图的?置打上时间戳
  6. 在样?末尾追加时间戳
  7. 按照时间戳命??文件

使用 & 帮助更新

NPM:
Github:

5评论

  1. 这个我?试了?支?PNG之外的格?,比如JPG。
    之?的项目(grunt-sprite)是支?的。

    laoshu133 于 2014-7-30 10:28:16 回?
    @CoolGuy
    考虑图标?大多数的情况下都是 png 的,默认去掉对 gm 的?赖,如果需??以安装 gm,然?将?数 `engine` 改为 `gm`
    https://github.com/laoshu133/grunt-css-sprite/#%E5%8F%AF%E9%80%89%E4%BE%9D%E8%B5%96

    回?

  2. 回?

  3. 当我使用img@2x.png的时候,报错了,错误信?是:Fatal error: Unable to read "./lib/place.png" file (Error code: ENOENT),请问能?能帮我解决一下

    laoshu133 于 2014-10-9 10:13:22 回?
    @coolle
    能?给出更为详细的错误日志?

    回?

  4. 在安装grunt-css-sprite 的时候 会出现“gm?and “phantom.js??是内部命令或外部命令,也?是??行的程?或批处?文件 这是正常的么?

    laoshu133 于 2014-12-10 16:50:43 回?
    @zmhan.zhu
    属正常情况;
    https://github.com/laoshu133/grunt-css-sprite/issues/19
    zmhan.zhu 于 2014-12-10 22:19:55 回?
    @zmhan.zhu
    ?,下??置出?了,?常感谢

    回?

  5. dsads

    回?

?表评论

最新评论?回?

    loading

最近?表

    loading

网站分类

    loading

文章归档

    loading

?情链接

Top Comments Footer