Reactjs 不在生产环境中时添加react中间件

问题很简单

如何在不生产时添加react或redux中间件（如Logger）

---

我不希望用户能够在控制台选项卡中看到日志信息。

假设您有两个中间件，

logger

和

thunk

，如果您不在

production

中时想添加

logger

，可以使用以下代码：

const middleware = [thunk];
if (process.env.NODE_ENV !== 'production') {
    middleware.push(logger);
}

set NODE_ENV=production

您可以使用以下代码将

NODE_ENV

设置为

production

：

const middleware = [thunk];
if (process.env.NODE_ENV !== 'production') {
    middleware.push(logger);
}

set NODE_ENV=production

或使用PowerShell：

$env:NODE_ENV="production"

在

package.json中设置（您需要安装，更多信息如下：）：

假设您有两个中间件，
logger
和
thunk
，当您不在
production
时，您想添加
logger
，可以使用以下代码：

const middleware = [thunk];
if (process.env.NODE_ENV !== 'production') {
    middleware.push(logger);
}

set NODE_ENV=production

您可以使用以下代码将
NODE_ENV
设置为
production
：

const middleware = [thunk];
if (process.env.NODE_ENV !== 'production') {
    middleware.push(logger);
}

set NODE_ENV=production

或使用PowerShell：

$env:NODE_ENV="production"

在
package.json中设置（您需要安装，更多信息如下：）：

没有一种重做的方法可以做到这一点。由您来实现这个逻辑。您可以使用
窗口.location.origin
了解应用程序的运行位置。如果它在本地主机或登台环境上运行，则不应添加记录器。当然，如果在服务器端渲染，则必须检查
窗口是否可用。如果没有，我想可以添加记录器。查看redux开发工具是如何做到这一点的
没有redux方法可以做到这一点。由您来实现这个逻辑。您可以使用
窗口.location.origin
了解应用程序的运行位置。如果它在本地主机或登台环境上运行，则不应添加记录器。当然，如果在服务器端渲染，则必须检查
窗口是否可用。如果没有，我想可以添加记录器。看看它是如何在redux开发工具中完成的