弹出后创建反应应用程序设置环境变量

Question

弹出create-react-app后，如何在代码内部使用环境变量？ 我试过使用dotenv npm软件包，它可以工作，但是问题是该软件包中的所有JavaScript文件都位于src /文件夹中，并且它们无法到达位于项目根目录下的.env文件。 也许解决方案在webpack配置文件中...

Answer 1

您要寻找的东西可以通过dotenv-webpack包来实现。安装该软件包，然后将以下代码段添加到 webpack.config.js ：

// webpack.config.js
const Dotenv = require('dotenv-webpack');

module.exports = {
    ...
    plugins: [
        new Dotenv()
    ]
    ...
};

在应用程序的根文件夹中的.env文件中定义您的create-react-app环境变量。然后，您将可以使用以下语法调用变量：

process.env.ENV_VARIABLE