Согласно https://www.w3.org/TR/SVG/styling.html#StylingWithCSS,, чтобы настроить svg на использование стилей, определенных во внешней таблице стилей, вы можете импортировать их следующим образом:
<svg xmlns="http://www.w3.org/2000/svg">
<style>
@import url(mystyles.css);
</style>
<rect .../>
</svg>
Это прекрасно работает в Chrome, когда файлы существуютв исходном формате, независимо от того, обслуживаются ли они с веб-сервера или читаются из локальной файловой системы, но после сборки с помощью веб-пакета элементы svg полученного приложения не имеют стилей, поэтому таблица стилей не будет найдена.
Всепоиск, который я сделал, выдает много информации о том, что является более или менее обратной операцией - ссылки на файлы svg из css (например, для указания изображения svg в качестве фона для элемента).
Кто-нибудь знает плагин и / или конфигурацию webpack специально для этого случая?