@swift-ws/gulp-kit/gulp/tasks/image.js

A starter kit for automating frontend development using Gulp.js.

import {gulp, imagemin, gifsicle, mozjpeg, optipng, svgo} from '../plugins.js';

export const copyImages = async () => {
    const {config} = await import('../config.js');

    let stream = gulp.src(config.task.image.src, {encoding: false});

    if (config.task.image.optimize) {
        stream = stream.pipe(imagemin([
            gifsicle({interlaced: true}),
            mozjpeg({ quality: 75, progressive: true }),
            optipng({ optimizationLevel: 5 }),
            svgo({
                plugins: [
                    { removeViewBox: false },
                    { cleanupIDs: false }
                ]
            })
        ]))
    }

    return stream.pipe(gulp.dest(config.task.image.dirDest));
};

export const watchImages = async () => {
    const {config} = await import('../config.js');
    gulp.watch(config.task.image.watch, copyImages);
};