Нужна помощь с gulp-responsive

Вопрос-ответ Nodejs
1

Использую модуль gulp-responsive для изменения изображений, имею ошибку:

[15:41:15] Error in plugin "gulp-responsive"
Message:
    File `footer\facebook.svg`: Unsupported output format unsupported
Details:
    domainEmitter: [object Object]
    domain: [object Object]
    domainThrown: false

мой код обработки изображений

gulp.task("images", () => {
    return gulp.src(paths.images.src)
        .pipe(imagemin([
            imagemin.svgo({
                plugins: [
                    { removeViewBox: false },
                    { removeUnusedNS: false },
                    { removeUselessStrokeAndFill: false },
                    { cleanupIDs: false },
                    { removeComments: true },
                    { removeEmptyAttrs: true },
                    { removeEmptyText: true },
                    { collapseGroups: true }
                ]
            })
        ]))
        .pipe(responsive({
                'footer/*.svg':{},
                 '**/logo*.png': [
                    {
                        width: "100%",
                        quality: 100
                    },{
                        width: 50,
                        quality: 75,
                        rename: {
                            suffix: '-50w',
                            extname: '.png'
                        }
                    },
                    {
                        width: 25,
                        quality: 50,
                        rename: {
                            suffix: '-25w',
                            extname: '.png'
                        }
                    }
                ],       
            {
                errorOnUnusedConfig: false,
                errorOnUnusedImage: false,
                errorOnEnlargement: false,
                quality: 80,
                progressive: false,
            }))
        .pipe(gulp.dest(paths.images.dist))
        .on("end", browsersync.reload);
});

Задачы в том, по сути, чтобы при сборке проекта свг файлы то же переносились, а не пропускались. как это сделать? спасибо!

2

Собственно то и значит, что написано. Формат не поддерживается.
Согласно документации gulp-responsive - npm

gulp-responsive depends on sharp. Sharp is one of the fastest Node.js modules for resizing JPEG, PNG, WebP and TIFF images.

То есть, только для некоторых растровых форматов. SVG не поддерживается.
Для того чтоб просто скопировать файл без изменений я использую плагин gulp-newer. Причём, он копирует только те файлы, которые в исходной папке новее, чем в папке назначения.

1 лайк
3

ещё есть