Estoy tratando de navegadorizar mi aplicación de reacción para producción usando gulp y envify para configurar NODE_ENV. Por lo tanto, puedo eliminar la advertencia de reacción, los informes de errores en la consola e incluso mi código para deshabilitar algunas características como la necesidad de react-addons-perf.

Y está funcionando muy bien. Cuando busco en mi app.js "producción" para ver si existen estas condiciones típicas:

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

No hay nada, así que, como dije, parece funcionar bien.

Pero, todavía puedo ver que la pestaña DevTools reacciona de Chrome con todos los componentes de reacción, como si estuviera en un sitio web de desarrollo.¿Cómo puedo desactivar esta pestaña en las herramientas de desarrollo de Chrome?

Aquí está mi tarea de tragar:

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');
    }));
};