Include JSON files into build

[Tin-Nguyen]

Hi all,

I'm using create-react-app to create my small React application. In my application, I'm using some JSON files as data-source and load the data from JSON files to code with the statement below:

import components from './components.json';

However, when I try to run yarn build. It doesn't include the json file into build folder. Anyone know how to fix the issue?

Thanks in advanced.

[Timer]

This is inlined into your JavaScript file, it doesn't create a separate resource. Are you specifically trying to get a URL?

[Tin-Nguyen]

Oh let me check, I just need to have its data loaded into my application only.

One more question, I tried to open index.html file as file:// url. Can components.json data be loaded onto the view?

[Timer]

If you need your JSON data just stringify it.

import components from './components.json';

const componentsText = JSON.stringify(components);