文件名称：spriteCombo:css精灵组合
文件大小：181KB
文件格式：ZIP
更新时间：2024-06-18 11:34:41
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()