Javascript 使用带有React的dotenv模块

Javascript 使用带有React的dotenv模块,javascript,reactjs,Javascript,Reactjs,我的应用程序的依赖项中有。按照说明,我有一个.env文件,里面是NODE\u env=development 在我的main.js文件中,我正在运行一个简单的require('dotenv').config()

我的应用程序的
依赖项中有。按照说明,我有一个
.env
文件,里面是
NODE\u env=development

在我的
main.js
文件中,我正在运行一个简单的
require('dotenv').config()process.env
时,我希望得到一个对象,我得到
{}


我做错了什么?谢谢

dotenv
只在服务器端工作。要在客户端的webpack中使用
.env
,请使用

  • 安装软件包,
    纱线添加dotenv网页包-D
    npm安装dotenv网页包-保存
  • 将其添加到您的网页包配置文件中

    // 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) 
        })
      ]
      ...
    };
  • .env
    添加到
    .gitignore
    文件中

  • 注意:您的.env文件可能包含敏感信息。因此,
    dotenv webpack
    只会将代码中明确引用的环境变量公开到最终捆绑包中。


    您是否在服务器中使用
    dotenv
    ?还是在浏览器中?