Gulpfile snippet for processing images

gulpfile-images.js

import gulp from 'gulp'
import gutil from 'gulp-util'
import plumber from 'gulp-plumber'
import os from 'os'
import batch from 'gulp-batch'
import imagemin from 'gulp-imagemin'
import pngquant from 'imagemin-pngquant'
import changed from 'gulp-changed'

const plumberh = function (err) {
    gutil.beep()
    console.log(err)
    this.emit('end')
}

const config = {
    images: "src/images/**",
}

gulp.task('images', () => {
    const imgDestPath = 'dist/images'

    return gulp.src(config.images)
        .pipe(plumber({errorHandler: plumberh}))
        .pipe(changed(imgDestPath))
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        }))
        .pipe(gulp.dest(imgDestPath))
})

gulp.task('watch', () => {
    gulp.watch([config.images], batch((events, done) => {
        gulp.start('images', done)
    }))
})