在create-react-app React应用程序中创建媒体链接

Question

有没有办法在React中手动创建静态媒体URL链接？ 例如，当我导入图像时： 从'../../game_book/images/cat.png'中导入cat_png；

React（或React中的Webpack）自动给我：

 localhost:8000/static/media/cat.png

但是带有像animals.json这样的json文件 当我通过以下方式导入它时：

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

我实际上得到了放在animals_json内的json文件的内容 而不是静态链接...

因此，我需要通过React或React-Router或Javascript手动创建此静态媒体链接，这样我才能拥有静态链接，如

localhost:8000/static/media/animals.json 

然后当有人访问该链接时，将显示animals.json的内容。...

如何在React或React-router或纯Javascript中做到这一点？

我曾尝试重写Webpack，但是遇到了很多障碍...像必须退出项目...。甚至当我发现React应用程序内部隐藏了webpack.config文件时...甚至我已经从npm安装了url-loader程序包，但webpack仍然找不到该程序包。...等等...所以我正在尝试寻找另一种方法。...

下面的代码是作为附加信息建议放入webpack.config中的内容：

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