將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只會將在代碼中明確引用的環境變量暴露給最終的包。