如何在React JS Web应用程序中访问环境变量？

Question

我有一个环境变量，我需要在render方法中访问它。由于它是一个自定义的ENV变量，我不能使用（process.env.NODE_ENV）。我有read that React sanitises all process.env access。

如何在React Web应用程序中访问我的自定义环境变量（CLUSTER_ENV）？

Answer 1

如果您使用的是webpack，则可以使用 Webpack Define 插件。

<强> webpack.config.js：

    ...
    plugins: [
        new webpack.DefinePlugin({
              'NODE_ENV': JSON.stringify(process.env.NODE_ENV)})
        ]      
    ...

然后只需使用您的javascript文件即可。

console.log(NODE_ENV);

编辑：不是别名，定义插件。