gulp-sprite-all
Information
按目录合并生成雪碧图和Less样式文件
Usage
gulp = require'gulp'SPA = require'gulp-sprite-all'gulptask 'sprite' opts = srcPath: pathjoin'./test''sprite' lessOutPath: pathjoin'./test''less/sprite' imgOutPath: pathjoin'./test''img/sprite' spCtrl = opts #初始化雪碧图构建实例 spCtrloutput #输出雪碧图构建结构
spa.init
为初始化接口,接受一个对象参数,带有3个属性,分别是:
opts.srcPath
: 雪碧图源文件的根目录,目录下不同的文件夹,每个文件夹下存放一组的雪碧图源码opts.lessOutPath
: 构建生成的雪碧图对应less文件的输出目录opts.imgOutPath
: 构建生成的雪碧图文件输出目录
其他说明
- 任务构建完成后,会在
opts.srcPath
雪碧图源文件的根目录下生成一份雪碧图的源文件树结构map,名为"spmap.json" - gulp-sprite-all 只支持less的预处理格式
- 雪碧图输出的图片和less文件的存储路径必须是相对位置为
'../img/sprite/icons.png'