gulpfile.js
var gulp = require('gulp');var cssSprite = require('gulp-css-spritesmith');//拼接雪碧图gulp.task('sprites', function () { gulp.src('./output/css/*.css') .pipe(cssSprite({ imagepath: './output/imgs/slice/', spritedest: './output/imgs/sprite/', spritepath: '../imgs/sprite/' })) .pipe(gulp.dest('./')); });//文件移动gulp.task('moveFile',function(){ gulp.src('./public/css/*') .pipe(gulp.dest('./output/css/')); gulp.src('./public/imgs/*/*') .pipe(gulp.dest('./output/imgs/')); }) gulp.task('build',['moveFile','sprites']);
目录结构
预期效果是首先将css文件夹和imgs文件夹移动到output文件夹后再生成雪碧图,目前问题是文件成功移动了,但是雪碧图没有生成,必须再执行一次gulp build才生成雪碧图。
相关分类