@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.src + config.tasks.image.patternSource,
        '!' + config.src + config.tasks.image.patternIgnore
    ]);

    if (config.tasks.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.dest));
};

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