Я пытаюсь просмотреть мое приложение реакции для производства, используя gulp и envify для настройки NODE_ENV. Поэтому я могу удалить предупреждение о реакции, отчеты об ошибках в консоли и даже мой код, чтобы отключить некоторые функции, такие как require of add-addons-perf.

И это прекрасно работает. Когда я ищу в своем app.js слово «production», чтобы увидеть, существуют ли эти типичные условия:

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

Там нет ничего, так что, как я уже сказал, похоже, работает хорошо.

Но я все еще вижу, что вкладка DevTools реагирует на Chrome со всеми реагирующими компонентами, как если бы я был на веб-сайте разработки.Как отключить эту вкладку в инструментах разработчика Chrome?

Вот мое задание глотка:

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