How to load an external config file in a Webpack-React application without bundling it?

Question

I have a web application that is written with React and bundled with Webpack. The application has a JSON config file that I want to include at runtime and not to be bundled

Answer 1

If your config is not so confidential, you could do this in your index.html

And in your react application get your config with

const applicationInitialState = window.__INITIAL_STATE__;
const config = applicationInitialState.config;