How to use .env files in react?

Question

Ruby on Rails

The project uses the dotenv
gem which allows you to create an .env file with environment variables. How can these variables be used in react? Those. how to call a specific variable in react?

Answer 1

1. Read, parse .env and pass variables to code using webpack.DefinePlugin .
2. Don't waste time and use a ready-made library like dotenv-webpack .
3. Using Rails, write variables to the template:

<script>
  window.env = {
    ENV_VARIABLE: '...',
  };
</script>

Answer 2

I implemented it like this
1) when building or starting the project, I read the necessary .env file (depending on the flag with which the launch is going)
https://github.com/lnked/react-starter/blob/master...
2) then through DefinePlugin, I run it in process.env
https://github.com/lnked/react-starter/blob/master...
3) I already use the received data in react scripts
https://github.com/lnked/react-starter/ blob/master...