Utilizando variáveis de ambiente com React

README.md

Utilizando variáveis .env com React

1. Instale o "dotenv"

yarn add dotenv --save

2. Instale o "dotenv-expand"

yarn add dotenv-expand

3. Para utilizar

• Crie o arquivo .env na raíz do projeto e crie uma varíável qualquer. Ela, obrigatoriamente, deve iniciar com "REACT_APP_", exemplo:

REACT_APP_URL_API='http://localhost:3333/api'

• Importe os arquivos na index.js e crie uma constante para chamar a config() do dotenv, no exemplo nomeamos a constante de "config":

import dotenv from 'dotenv'
import dotenvExpand from 'dotenv-expand'

const config = dotenv.config()

dotenvExpand(config)

4. Utilizando as variáveis Para utiizar as variáveis criadas no arquivo .env, basta inserir no código da seguinte forma:

process.env.REACT_APP_URL_API