title: How to use Craco to add instructions to Webpack
body: <p>I would like to add these instructions to Webpack through <a href="https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation" rel="nofollow noreferrer">Craco</a>:</p>
  
  <pre><code>{
          test: /\.json$/,
          loader: 'url-loader',
          options: {
            limit: false,
            publicPath: 'assets'
          },
          type:'javascript/auto'
        }
  </code></pre>
  
  <p>How to do this?
  I'm not familiar with Webpack or Craco at all</p>
  
  <p>Basically what I'm trying to do is that I have animals.json file but currently when importing it via:</p>
  
  <p>import animals from './animals.json' </p>
  
  <p>I end up with the contents of the json file when I actually want a URL like localhost:8000/static/media/animals.json  and only when I open that link should the contents of the json file be displayed...</p>
  
  <p>I have been instructed that overriding webpack's default functionality via the above lines can accomplish this...</p>