反应和环境变量

Question

我目前对react和env变量有点困惑。基本上，我想要实现的是拥有不同的文件。类似于：enviorment.dev.js，enviorment.prod.js。

我找不到文档，似乎有很多不同的选项可供选择。

我想，我想找到这样的东西：https://medium.com/beautiful-angular/angular-2-and-environment-variables-59c57ba643be只是为了反应。

Answer 1

如果您正在使用webpack，那么就有一个插件，但这就是您需要配置它的地方。正如费利克斯所说，React没有这样做：

https://webpack.js.org/plugins/define-plugin/

webpack.config：

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

index.js：

if (!PRODUCTION) {
  console.log('Debug info')
}

if (PRODUCTION) {
  console.log('Production log')
}