Как отформатировать svg спрайт?

Question

[Денис]

Здравствуйте, создал GULP сборку, есть svg спрайт, при сборке очищается fill, stroke, style, все отлично работает, но нюанс есть svg где несколько fill , например ютуб картинка, в центре плей другой fill , как быть в этом случает ?



gulpfile.js

function svgicon(cb) {
    return src(path.src.svgicon, { base: srcPath + "assets/images/svgicon/" })
        .pipe(svgSprite({
            shape: {
                dimension: {
                    maxWidth: 500,
                    maxHeight: 500
                },
                spacing: {
                    padding: 0
                },
                transform: [{
                    "svgo": {
                        "plugins": [
                            { removeViewBox: false },
                            { removeUnusedNS: false },
                            { removeUselessStrokeAndFill: true },
                            { cleanupIDs: false },
                            { removeComments: true },
                            { removeEmptyAttrs: true },
                            { removeEmptyText: true },
                            { collapseGroups: true },
                            { removeAttrs: { attrs: '(fill|stroke|style)' } }
                        ]
                    }
                }]
            },
            mode: {
                stack: {
                    sprite: "../sprite.svg"
                }
            },
        }))
        .pipe(dest(path.build.images))
        .pipe(browserSync.reload({ stream: true }));

    cb();
}

Comments

[Ankhena]

Если вы придумаете параметр по которому скрипт поймет у каких очищать, а у каких нет, то сообщить ему об этом.

Либо запретить ему модифицировать SVG (разумно на мой взгляд)

Answer 1

[VegasChickiChicki]

Очищать вручную. Я вообще не понимаю как "угадать" где очищение свойств сработает нормально, а где поломает svg, по этому вообще не рекомендую в автоматическом режиме править svg, только если в спрайт собирать уже очищенные.