NPM
npm install -D dotenv-webpack
YARN
yarn add -D dotenv-webpack
Posteriormente debemos crear un archivo .env
donde estarán la clave para acceder a la misma y el valor que contendrán
# Ejemplo
API=https://randomuser.me/api/
Una vez creado el archivo .env
debemos agregar la siguiente configuración en webpack.config.js
...
const Dotenv = require('dotenv-webpack');
module.exports = {
...
plugins: [
new Dotenv()
],
}
.env
por defecto y lo agregar a nuestro proyectoconst nombre = process.env.NOMBRE_VARIABLE;
process.env