Gulp spritesmith split into different .css and .jpg folders?

Question

gulp.js

Please tell me how to specify different paths for the sprite itself and css styles! To put them in different folders
, here is this gulp plugin
https://www.npmjs.com/package/gulp.spritesmith

Answer 1

var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');
 
gulp.task('sprite', function () {
  var spriteData = gulp.src('images/*.png').pipe(spritesmith({
    imgName: 'sprite.png',
    cssName: 'sprite.css'
  }));
  spriteData.css.pipe(gulp.dest('path/to/output/')); // CSS
  return spriteData.img.pipe(gulp.dest('path/to/output/')); // IMG
});