Создание мультимедийной ссылки в приложении React приложения create-реагировать

Question

Есть ли способ вручную создать ссылку на статический медиа-URL в React? Например, когда я импортирую изображение: import cat_png из '../../game_book/images/cat.png';

React (или Webpack in React) автоматически дает мне:

 localhost:8000/static/media/cat.png

Но с помощью файла json, такого как animals.json, когда я импортирую его через:

import animals_json from '../../game_book/images/animals.json';

Я на самом деле получаю содержимое файла json, помещенное в animals_json, а не статическую ссылку ...

Поэтому мне нужно создать эту статическую медиа-ссылку вручную через React или React-Router или Javascript, чтобы у меня была статическая ссылка, такая как

localhost:8000/static/media/animals.json 

, а затем, когда кто-то посещает эту ссылку, содержимоеanimals.json покажет ....

Как это сделать в React или React-router или обычном Javascript?

Я попытался переопределить Webpack, но столкнулся с множеством препятствий .. . Как необходимость удалить проект .... и даже когда я нашел файл webpack.config, скрытый в приложении React .... даже когда я установил пакет url-loader из npm, веб-пакет все равно не смог найти пакет.... и т.д .... так что я пытаюсьчтобы найти другой способ ....

Ниже приведен код, который рекомендуется поместить в файл webpack.config в качестве дополнительной информации:

{
        test: /\.json$/,
        loader: 'url-loader',
        options: {
          limit: false,
          publicPath: 'assets'
        },
        type:'javascript/auto'
      }