title: Disable chrome react DevTools for production
body: <p>I'm trying to browserify my react app for production using gulp and envify to setup NODE_ENV. So I can remove react warning, error reporting in the console, and even my code to disable some features like the require of react-addons-perf.</p>
  
  <p>And it's working great. When I search in my app.js for "production" to see if there are theses typical conditions :</p>
  
  <pre><code>if("development" !== "production") {
      ...
  }
  </code></pre>
  
  <p>There is nothing, so, as I said, it seems to work well.</p>
  
  <p>But, I still can see that chrome's react DevTools tab with all react components, like if I was on a development website. <strong>How can I disable this tab in chrome's dev tools ?</strong></p>
  
  <p>Here is my gulp task :</p>
  
  <pre><code>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');
      }));
  };
  </code></pre>