Как заставить gulp-svgmin не удалять классы из svg?

Question

[Сергей Бурдужа]

Здравствуйте.
Я использую таск для создания svg спрайтов.

gulp.task('svg', function () {
  return gulp.src('src/assets/i/svg/inline/*.svg')
		.pipe(cheerio(cleanSvg({
			tags: ["title", "desc"],
			attributes: ["style", "fill*", "clip*", "stroke*"]
    })))
		.pipe(svgmin({
			js2svg: {
				pretty: true
			}
		}))
    .pipe(replace('>', '>'))
    // .pipe(svgSprite({
		// 	mode: {
		// 		symbol: {
		// 			sprite: "../sprite.svg",
		// 		}
		// 	}
    // }))
    .pipe(gulp.dest("build/assets/i/svg/inline/"));
});

На входе имею такую картинку

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;}
</style>
<path class="st0" d="M0,0h48v48H0V0z"/>
<path d="M33.1,17.9L15.2,0l-2.8,2.8l4.8,4.8L6.9,17.9c-1.2,1.2-1.2,3.1,0,4.2l11,11c0.6,0.6,1.4,0.9,2.1,0.9s1.5-0.3,2.1-0.9l11-11
	C34.3,21,34.3,19,33.1,17.9z M10.4,20l9.6-9.6l9.6,9.6H10.4z M38,23c0,0-4,4.3-4,7c0,2.2,1.8,4,4,4s4-1.8,4-4C42,27.3,38,23,38,23z"
	/>
<rect y="40" width="48" height="3"/>
</svg>

После отработки gulp-svgmin получаю

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
    <path d="M0 0h48v48H0V0z" fill="none"/>
    <path d="M33.1 17.9L15.2 0l-2.8 2.8 4.8 4.8L6.9 17.9c-1.2 1.2-1.2 3.1 0 4.2l11 11c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l11-11c1.2-1.1 1.2-3.1 0-4.2zM10.4 20l9.6-9.6 9.6 9.6H10.4zM38 23s-4 4.3-4 7c0 2.2 1.8 4 4 4s4-1.8 4-4c0-2.7-4-7-4-7zM0 40h48v3H0z"/>
</svg>

Не плохой результат. Только до отработки плагина, у путей были классы, а после - их нету. Как теперь стилизовать из css?

Я не нашел опции у этого плагина, чтобы не удалял классы.

Answer 1

[Сергей Бурдужа]

Решил проблему следующим образом.
На начальном этапе в папке src для иконок, которых нужно добавить в спрайт удаляю атрибут style вместе с содержимым.

Comments

[Pit]

проделал тоже самое но все равно классы не убераються а перейменовуються, и даже после этого я прописываю класс стили а стили не отрабатывает. Как вы решили проблему можете пример дать ?

[Сергей Бурдужа]

Pit, Здравствуйте, я этот запрос задал давно, теперь у меня подход изменился.
Бросайте грязное дело и используйте svg inline, просто прописывайте код картинки.
У вас не будут дополнительные запросы на сервер, вы сможете картинки анимировать и менять свойства при наведении, например.
Я удалил свои спрайты.
Есть онлайн сервисы, где вы сможете поменять размер или цвет например.