How to make gulp imagemin take different image formats and put them in different folders?

Question

JavaScript

task

function image() {
  return gulp.src('./source/img/**/*.{jpg,png,gif}')
    .pipe(imagemin([
      imagemin.gifsicle({interlaced: true}),
      imagemin.jpegtran({progressive: true}),
      imagemin.optipng({optimizationLevel: 3}),
      imagemin.svgo({
        plugins: [
            {removeViewBox: true},
            {cleanupIDs: false}
        ]
      })
    ]))
    
    .pipe(gulp.dest('./build/img/'))
};

Tell me how to make gulp-imagemin take .jpg, .png, gif files from ./source/img/, put them in ./build/img/ , and take .svg files from ./source/svg and put them in ./build/svg/ ?

Answer 1

Create separate tasks for raster and vector formats, in which to specify the desired end paths

Answer 2

try this gulpIf
and then something
like .pipe(gulpIf('*.png', gulp.dest('img/png')));