如何在运行时检查 react 应用程序是生产构建还是开发代码的简短教程

这是一个关于如何在运行时检查 react 应用程序是生产构建还是开发代码的简短教程。

有时，我们想检查反应代码是否是生产模式。

在React中，我们有两种构建模式

• 生产模式是javascript和html代码的最小化版本，在浏览器客户端机器上渲染，性能良好
• 开发模式--Javascript和HTML代码没有被最小化，并立即加载。

这两种构建模式都有不同的环境变量来保存与构建代码相关的内容。

如何使用create-react-app检查生产或开发模式？

create-react-app 是一个 react cli 工具，用于从头开始生成具有文件夹结构的应用程序。它还包括依赖性和用webpack配置的开发和生产构建管道。

我们有节点环境变量process.env.NODE_ENV ，用create-react-app 工具创建的应用程序定义。它检查你的应用程序的运行环境，并返回运行开发模式的代码development 。

• process.env.NODE_ENV = development是用于开发构建。
• process.env.NODE_ENV != development是用于生产构建的。

在代码中，我们可以在运行时使用

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

检查你的react native是生产还是开发构建

在React native中，全局环境变量DEV是可以使用的。

这是一个javascript环境变量，我们可以用它来设置开发版为真，生产版为假。

if (__DEV__) {
    console.log('Development code build');
} else {
    console.log('Production code build');
}

这样我们就可以检查react native是使用开发还是生产构建。