@Vusluk
Front-End разработчик; электронщик

WebPack: как настоить подключение SVG файлов, чтобы они собирались в виде inline-SVG?

Задача - управлять SVG иконками через CSS. Решил включать иконки в виде inline-SVG. В проекте использую Jade+Stylus Сейчас подключаю следующим образом:
1. Вручную копирую содержимое icon.svg в специальный файл для иконок icon.jade, удаляя лишние теги и переводя синтаксис SVG в синтаксис jade.
2. подключаю файл icon.jade в index.jade через include
3. Наслаждаюсь потерянным временем:(
Это конечно костыль, все работает, но может существует "человеческий" способ?
Из существующих решений нашел https://github.com/sairion/svg-inline-loader
Но "из коробки" не заработало.
  • Вопрос задан
  • 2587 просмотров
Пригласить эксперта
Ответы на вопрос 3
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
Может пригодится: DeSvg
Ответ написан
@alltiptop
Можешь в начале svg файла указать ссылку на нужный css
<?xml-stylesheet href="style.css" type="text/css"?>
Ответ написан
Комментировать
mrsum
@mrsum
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Искра Екатеринбург
от 80 000 до 100 000 ₽
Art gorka Санкт-Петербург
от 60 000 ₽
03 мая 2024, в 14:40
1000 руб./за проект
03 мая 2024, в 14:39
500 руб./за проект