Проблема заключается в том, что текущая настройка Gulp задачи сжатия картинок ограничена только сжатием файлов с расширением .jpg. Это означает, что все изображения с другими расширениями, такими как .png, .gif, .jpeg и т. д., будут проходить сквозь задачу сжатия без изменений.
Одним из способов решения этой проблемы является добавление дополнительных фильтров для обработки файлов с другими расширениями. Для этого вам потребуется использовать плагин Gulp-imagemin, который позволяет сжимать картинки с различными расширениями. Вот пример кода, показывающего, как это можно сделать:
const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
gulp.task('compressImages', () => {
return gulp.src('images/*.{jpg,png,gif}') // выбираем все файлы с расширением .jpg, .png, .gif
.pipe(imagemin()) // применяем плагин сжатия картинок
.pipe(gulp.dest('dist/images')); // сохраняем сжатые картинки в папке dist/images
});
gulp.task('default', gulp.series('compressImages')); // задача по умолчанию
В этом примере мы использовали фигурные скобки в пути к файлам (*.{jpg,png,gif}), чтобы выбрать все файлы с расширением .jpg, .png и .gif. Затем мы применяем плагин gulp-imagemin, который выполняет сжатие выбранных файлов, и сохраняем их в папке dist/images.
Вы можете запустить эту задачу, выполнив команду gulp compressImages в командной строке. После выполнения, вы увидите, что все картинки с различными расширениями (.jpg, .png, .gif) будут сжаты и сохранены в папке dist/images.
Надеюсь, эта информация поможет вам решить проблему сжатия картинок с различными расширениями в Gulp.js.