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

Question

[Станислав Дубровский]

Задача - управлять 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
Но "из коробки" не заработало.

Comments

[Алексей Павлов]

Нашёлся какой-то рабочий вариант?

[Станислав Дубровский]

Алексей Павлов: Нет.

Answer 1

[Андрей Гончаров]

Может пригодится: DeSvg

Comments

[Станислав Дубровский]

Спасибо, посмотрю.

Answer 2

[alltiptop]

Можешь в начале svg файла указать ссылку на нужный css

<?xml-stylesheet href="style.css" type="text/css"?>

Answer 3

[mrsum]

Попрбуйте https://github.com/mrsum/webpack-svgstore-plugin