使用带有React的dotenv模块

Question

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

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

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

Answer 1

dotenv 仅适用于服务器端。要使用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只会将代码中明确引用的环境变量公开给最终的包。