1. var gulp = require('gulp');    var gulpif = require('gulp-if');   
2.    gulp.task('sprites',function(){   
3.     gulp.src('img/icon/*.png')                  //這是要合并的圖片的路徑            .pipe(sprite({   
4.             name: 'icon',                       //定義一個名稱                style: '_icon.scss',                //這是生成的樣式文件   
5.             format: 'png',                      //png格式的圖片                orientation: 'left-right',          //雪碧圖合并的方向，也可以設置成垂直或水平   
6.             cssPath: '#{$icon-sprite-path}',    //雪碧圖的路徑變量                template: './sprite-tpl.mustache',  //scss生成的模板   
7.             processor: 'scss'                   //生成的樣式文件的格式            }))   
8.         .pipe(gulpif('*.png', gulp.dest('img/'), gulp.dest('css/')));    });  

scss的模板使用mustache：