How to make dynamic config for React Webpack build?

Question

React

The bottom line is this:
There is a config for the application, where the host is stored and some other info for the service. I want to take it out so that after I have assembled the build, it has a config folder with a non-minified file, where it would be possible, if necessary, to change the host url ?
How to do it in webpack ?
PS The application uses the standard webpack config creat-react-app of an assembly that has not yet been extracted

Answer 1

If you just need to copy a file from src to dist and you're using NPM scripts, then something like this:

scripts: {
  "build": "webpack --config webpack.config.js; cp ./src/dynamic-config.json ./dist/."
}