Как связать SVG как встроенный URI данных, используя Create React App - PullRequest
0 голосов
/ 01 ноября 2018

У меня есть ситуация, когда сервер, на котором размещено мое приложение, неправильно обрабатывает файлы SVG, и я не могу это изменить. Я могу использовать SVG, если они связаны в CSS как URI данных.

Мы используем ag-Grid и немного настраиваем «свежую» тему, импортируя исходный SCSS и изменяя некоторые переменные. Пример репо здесь .

При создании приложения файлы значков SVG объединяются в папку /build/static/media, что было бы неплохо, если бы сервер правильно обслуживал файлы. Но я хочу, чтобы вместо этого они компилировались в URI данных непосредственно в CSS, чтобы избежать проблемы с файлами.

Мой текущий обходной путь - это построить CSS в отдельном скрипте до сборки приложения. Сценарий build-css компилирует SVG в URI данных (используя url-loader), поэтому я могу импортировать полученный CSS, и папка media, созданная заданием build, не создается.

Я бы хотел иметь возможность напрямую импортировать SCSS и собрать приложение за один шаг. Есть ли способ связать SVG как встроенные URI данных без извлечения из CRA?

...