在运行时检测生产与开发反应

Question

是否有可能在运行时检测React的当前版本是开发还是生产？我想做这样的事情：

if (React.isDevelopment) {
  // Development thing
} else {
  // Real thing
}

Answer 1

我使用一个帮助文件（在Typescript中）：

import process from "process";

const development: boolean = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';

export default function isDev(): boolean
{
    return development;
}

然后在其他地方我是这样使用的：

import isDev from "./helpers/DevDetect";

if (isDev())
{
    ...
}

Answer 2

最好通过公开process.env.node_env来模拟使用构建工具--webpack、browserify进行操作的节点方式。通常，在prod中将其设置为“production”，在dev中将其设置为“development”（或未定义）。

因此您的代码变成：

if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
    // dev code
} else {
    // production code
}

有关如何设置它，请参见envify或Passing environment-dependent variables in webpack