javascript - 从 react 组件访问环境变量

Question

我有一些非敏感数据，我需要根据在 staging 或 production 中运行的环境 Node 设置不同的值。我相信访问诸如 process.env.NODE_ENV 之类的东西不会在 react 组件本身中起作用，只能在服务器端文件中起作用，因此需要一种方法以某种方式将其传递给我的 react 组件。

它只是简单地显示页脚组件中的字符串是“Staging”还是“Production”。

Answer 1

考虑使用 DefinePlugin :

Define free variables. Useful for having development builds with debug logging or adding global constants.

Example:

new webpack.DefinePlugin({
    VERSION: JSON.stringify("5fa3b9"),
    BROWSER_SUPPORTS_HTML5: true,
    TWO: "1+1",
    "typeof window": JSON.stringify("object")
})