将Dotenv模块与React一起使用

Question

我的应用程序dependencies中有dotenv 。 按照说明，我有一个.env文件，里面是NODE_ENV=development 。

在我的main.js文件中，我正在运行一个简单的require('dotenv').config(); 但是当我访问process.env ，我希望有一个对象，并且我得到{}

我在这里做错了什么？ 谢谢

Answer 1

dotenv仅在服务器dotenv作用。 要将.env与webpack .env在客户端中使用，请使用dotenv-webpack 。

1. 安装软件包，用yarn add dotenv-webpack -D或npm install dotenv-webpack --save

2. 将其添加到您的Webpack配置文件。

    // webpack.config.js const Dotenv = require('dotenv-webpack'); module.exports = { ... plugins: [ new Dotenv({ path: './.env', // Path to .env file (this is the default) safe: true // load .env.example (defaults to "false" which does not use dotenv-safe) }) ] ... }; 

3. 将.env添加到您的.gitignore文件

注意：您的.env文件可以包含敏感信息。 因此， dotenv-webpack只会将在代码中明确引用的环境变量暴露给最终的包。