微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

grunt-css-sprite 这是什么 切片合并雪碧图

程序名称:grunt-css-sprite 这是什么

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

grunt-css-sprite 这是什么 介绍

grunt-css-sprite

这是什么

这是一个帮助前端开发工程师将 css 代码中的切片合并成雪碧图的工具; 其灵感来源于 grunt-
sprite,由于其配置参数限制目录结构等,不能满足通用项目需求,重新造轮子发布; 它的主要功能是:

  1. 对 css 文件进行处理,收集切片序列,生成雪碧图

  2. 在原css代码中为切片添加background-position属性

  3. 生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码

  4. 生成高清设备雪碧图,使用 image-set

  5. 支持选择器提取,进一步优化CSS文件大小

  6. 在引用雪碧图的位置打上时间戳

  7. 在样式末尾追加时间戳

  8. 按照时间戳命名文件

grunt-css-sprite 这是什么 官网

https://github.com/laoshu133/grunt-css-sprite

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐