1.0.2 • Published 9 years ago

gulp-sprite-all v1.0.2

Weekly downloads
1
License
MIT
Repository
-
Last release
9 years ago

gulp-sprite-all

Information

按目录合并生成雪碧图和Less样式文件

Usage

gulp = require('gulp')
SPA = require('gulp-sprite-all')
gulp.task 'sprite',(cb)->
    opts = 
        srcPath: path.join('./test','sprite')
        lessOutPath: path.join('./test','less/sprite')
        imgOutPath: path.join('./test','img/sprite')
    spCtrl = new SPA.init(opts) #初始化雪碧图构建实例
    spCtrl.output() #输出雪碧图构建结构

spa.init 为初始化接口,接受一个对象参数,带有3个属性,分别是:

  • opts.srcPath: 雪碧图源文件的根目录,目录下不同的文件夹,每个文件夹下存放一组的雪碧图源码
  • opts.lessOutPath: 构建生成的雪碧图对应less文件的输出目录
  • opts.imgOutPath: 构建生成的雪碧图文件输出目录

其他说明

  1. 任务构建完成后,会在 opts.srcPath 雪碧图源文件的根目录下生成一份雪碧图的源文件树结构map,名为"spmap.json"
  2. gulp-sprite-all 只支持less的预处理格式
  3. 雪碧图输出的图片和less文件的存储路径必须是相对位置为 '../img/sprite/icons.png'
1.0.2

9 years ago

1.0.1

9 years ago

0.1.12

9 years ago

0.1.10

9 years ago

0.1.8

9 years ago

0.1.6

10 years ago

0.1.4

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago

0.0.11

10 years ago

0.0.10

10 years ago

0.0.9

10 years ago