@sergemin

В чем ошибка при добавлении svg?

Не получается менять стили у svg

Мой gulp для сборки спрайтов
gulp.task('svgstore', function () {
    return gulp
        .src('app/svg/parts/*.svg')
        .pipe(svgmin(function (file) {
            let prefix = path.basename(file.relative, path.extname(file.relative));
            return {
                plugins: [{
                    cleanupIDs: {
                        prefix: prefix + '-',
                        minify: true
                    }
                }]
            }
        }))
        .pipe(svgstore())
		.pipe(rename({basename: 'sprite'}))
        .pipe(gulp.dest('app/svg/build'));
});


Код, который я добавляю в html
<svg class="icon">
                <use xlink:href="/svg/build/sprite.svg#facebook"></use>
            </svg>


Уже даже удалил из svg файла атрибут style с заданным значением fill
Подскажите, что делаю не так. Или, если есть возможность, покажите свой подход
В основном, я гуглил о спрайтах и их настройках в gulp

В последнем мне не понравилось то, что для совместимости они подключают библиотеку, которая написана на jquery, а тогда мне и jquery придется подключать, хоть проект планировал на чистом js
  • Вопрос задан
  • 198 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы