【文件属性】：
文件名称：spriteCombo:css精灵组合
文件大小：181KB
文件格式：ZIP
更新时间：2021-05-29 17:48:01
JavaScript
精灵图合并规范
*技术栈
采用gulp任务管理工具实现精灵图合并。
该工具支持多个不同的目录，需要在gulp工程中配置dir，引入不同的目录。如果根目录不同，需要设置对于的project。
*约定规则
将需要合并的图片放置到模块目录的img目录下的_sprites,如body-cacf/img/_sprites
图片的文件名会被映射为css中的类名，所以需要进行调整； 如 motion.png 在css中对应的类名为.sprite-motion；
生成的大图会被保存到img目录下，名字为_sprite.png
生成的css会被保存到css目录下，名字为_sprite.scss，需要将该文件import到自己模块的主scss文件中（项目整体采用scss）。
图片的引入方式需要采用背景图引入。
如果需要生成2x图，需要保证_sprites目录中1x图和2x图是一一对应的关系，且没有其他多余的
【文件预览】：
spriteCombo-master
----demo()
--------body-cacf()
--------body-diys()
--------body-diy()
----gulpfile.js(2KB)
----README.md(1KB)
----profile.js(3KB)
----.gitignore(33B)
----package.json(569B)
----gulp()
--------utils()
--------sprites()