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

Question

我有一个环境变量,我需要在我的render方法中访问.由于它是一个自定义的ENV变量,我不能使用(process.env.NODE_ENV).我已经读过React清理所有process.env访问权限.

如何在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);

编辑:不是别名,定义插件.