Disable Chrom reagieren DevTools für die Produktion
Ich versuche, meine Reaktions-App mithilfe von gulp für die Produktion zu durchsuchen und NODE_ENV einzurichten. So kann ich die Reaktionswarnung, die Fehlerberichterstattung in der Konsole und sogar meinen Code entfernen, um einige Funktionen zu deaktivieren, z. B. die von react-addons-per
Und es funktioniert großartig. Wenn ich in meinen app.js nach "production" suche, um zu sehen, ob diese typischen Bedingungen vorliegen:
if("development" !== "production") {
...
}
Es gibt nichts, also scheint es, wie gesagt, gut zu funktionieren.
Aber ich kann immer noch sehen, dass das Chrome-Register "React DevTools" mit allen React-Komponenten angezeigt wird, als wäre ich auf einer Entwicklungswebsite.Wie kann ich diesen Tab in den Entwickler-Tools von Chrome deaktivieren?
Hier ist meine Schluckaufgabe:
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');
}));
};