理解工作流程,先要弄明白Yummy的流程架构和文件目录架构。
文件目录架构
Yummy处理的文件目录架构如下:
项目/ │ │ ├── css/ │ ├── global.important.css │ ├── index.css │ └── play.css │ ├── img/ │ ├── logo.png │ └── bg.png │ ├── slice/ │ │ │ ├── index/ │ │ ├── icon_share.png │ │ └── icon_more.png │ │ │ └── 2x/ // 2x文件夹存放2倍图片 │ │ │ └── play/ │ ├── icon_play.png │ └── icon_pause.png │ ├── sprite/ // 自动合并生成雪碧图 │ ├── index.png │ └── play@2x.jpg // 2x文件夹生成的2倍雪碧图 │ └── base64/ // 存放需要转换为base64格式的小图片 ├── up.png └── down.png
slice:存放需要合并的原图片,二倍图需要在slice下建立2x文件夹,支持再次创建子文件夹,并且子文件夹下的图片会单独生成一个sprite合并图片。
sprite:合并后的图片自动在本地生成一个sprite文件夹,如果是二倍图命名附带@2x规范。