gulp雪碧图插件，gulp-css-spriter简单使用

前提：如果准备用gulp-css-spriter插件，node.js 和 gulp 工具应该了解并已经安装完毕；

进入工程目录，shitf+鼠标右键打开命令；

npm install gulp-css-spriter --save-devc //常规下载局部 gulp-css-spriter

然后在gulpfile.js ：

var gulp = require('gulp');
var spriter = require('gulp-css-spriter');

gulp.task('sprite', function() {
    return gulp.src('app/css/style.css')//样式的路径，若匹配多个css文件，全部只生成一张雪碧图
            .pipe(spriter({
                'spriteSheet': 'dist/images/xuebi.png', //合成的雪碧图
                'pathToSpriteSheetFromCSS': '../images/xuebi.png' //css引用的图片路径，
            }))
            .pipe(gulp.dest('dist/css')); //最后生成的路径
});

css中用到的图片生成 xuebi.png；生成的css,自动添加了 background-position 定位；

注：暂也只会简单这样使用；