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

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

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

使用 & 帮助更新

NPM:
Github:

​

共5评论

  1. CoolGuy说:

    于 2014-7-30 9:35:25 #

    Gravatar Icon

    这个我�试了�支�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. 谢亮说:

    于 2014-8-13 18:17:55 #

    Gravatar Icon

    赞

    回�

  3. coolle说:

    于 2014-9-29 13:30:03 #

    Gravatar Icon

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

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

    回�

  4. zmhan.zhu说:

    于 2014-12-10 16:42:14 #

    Gravatar Icon

    在安装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. dsadsa说:

    于 2016-2-2 17:02:59 #

    Gravatar Icon

    dsads

    回�

�表评论

  • [URL] [URL2] [EMAIL] [QUOTE] UBB表情 [B] [I] [S] [U]

最新评论�回�

    loading

最近�表

    loading

网站分类

    loading

文章归档

    loading

�情链接

Top Comments Footer