Using .env with Webpack 5 and React

Installing dotenv and trying to use it in a React app that was generated with Webpack 5 can be a frustrating process, but it is very doable. Finding information on this exact scenario was difficult, so I decided to make a quick guide after getting it up and running.

After installing dotenv you will need to make some modifications to the webpack.config.js file in order to make your .env files work with Webpack 5. All of the modifications will be made in this file.

Before anything else, you might see errors that can be fixed with fallback. If…