Estou tentando navegadorizar meu aplicativo de reação para produção usando gulp e envify para configurar o NODE_ENV. Para remover o aviso de reação, o relatório de erros no console e até o meu código para desativar alguns recursos, como a exigência de react-addons-perf.

E está funcionando muito bem. Quando pesquiso no meu app.js por "produção" para ver se existem essas condições típicas:

if("development" !== "production") {
    ...
}

Não há nada, então, como eu disse, parece funcionar bem.

Mas ainda vejo a guia DevTools react do chrome com todos os componentes de reação, como se eu estivesse em um site de desenvolvimento.Como posso desativar essa guia nas ferramentas de desenvolvimento do chrome?

Aqui está a minha tarefa gulp:

var production  = process.env.NODE_ENV === 'production' ? true : false;
var environment = process.env.NODE_ENV ? process.env.NODE_ENV : 'dev';

...

var bundler = browserify({
    debug: !production,

    // These options are just for Watchify
    cache: {}, packageCache: {}, fullPaths: true
})
.require(require.resolve('./dev/client/main.js'), { entry: true })
.transform(envify({global: true, _: 'purge', NODE_ENV: environment}), {global: true})
.transform(babelify)
.transform(reactify);

var start = Date.now();
bundler.bundle()
    .on('error', function (err) {
        console.log(err.toString());
        this.emit("end");
    })
    .pipe(source('main.js'))
    .pipe(gulpif(options.uglify, streamify(uglify())))
    .pipe(gulpif(!options.debug, streamify(stripDebug())))
    .pipe(gulp.dest(options.dest))
    .pipe(notify(function () {
        console.log('Built in ' + (Date.now() - start) + 'ms');
    }));
};