Загрузить файл SVG без изменения веб-пакета в реакции

Question

Я использую create-реакции-приложение и antd.

У меня большой файл mdi.svg, содержащий множество значков, которые я использую в другом приложении. Я хотел бы импортировать этот файл SVG и использовать эти значки в antd.

Есть ли способ импортировать файл SVG и использовать его без изменения веб-пакета? Мы не извлекли наш веб-пакет, и мой начальник не совсем подходит для его настройки.

Но большинство решений, которые я нашел в Интернете, требуют добавления загрузчика в веб-пакете.

РЕДАКТИРОВАТЬ: I react-app-rewired, и он прекрасно работает, но можно ли загрузить svg какотдельный файл ? или я должен разделить все SVG в разных файлах?

Answer 1

Не уверен, подходит ли он вашему случаю, но вы можете импортировать SVG следующим образом:

import { ReactComponent as MySvgFile } from './my_svg_file.svg'
...
const MyComponent = () => {
  return (
    <MySvgFile />
  )
}