create react app Configuration file after build app

reactjs create-react-app react-scripts
Hamid Sarani picture Hamid Sarani · May 16, 2018 · Viewed 8.1k times · Source

I want a Config File (JSON) in root folder after build to config my app.

like Translation and API Urls and ...

Can I do this with create react app?

Answer

Midhun G S picture Midhun G S · May 16, 2018

Create config.js or json file outside src directory and include it in index.html like

<script src="%PUBLIC_URL%/config.js" type="text/javascript"></script>

configure parameters in config.js

config.js

var BASE_URL = "http://YOUR-URL";

you can get paramenters like

const BASE_URL = window.BASE_URL;

Related questions

What exactly is the 'react-scripts start' command?

I've been working with a React project using create-react-app and I have two options to start the project: First way: npm run start with the definition at the package.json like this: "start": "react-scripts start", Second way: npm start What …

Read More
How to set build .env variables when running create-react-app build script?

I'm using the following environment variable in my create-react-app: console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 It works when I run npm start by reading a .env file: REACT_APP_API_URL=http://localhost:5555 How do I …

Read More
What does this "react-scripts eject" command do?

What does the npm run eject command do? I do understand what other commands do like start, build, test. But no idea about eject.

Read More