Disable DevTools panel

[grigy]

I still see the DevTools panel when running production version. Is there anything I'm supposed to do in order to disable it?

[xphong]

Make a new server.js that references webpack.config.prod for production:

const path = require('path');
const express = require('express');
const webpack = require('webpack');
const config = require('./webpack.config.prod');

const app = express();
const compiler = webpack(config);

app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath
}));

app.use(require('webpack-hot-middleware')(compiler));

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(3000, 'localhost', (err) => {
  if (err) {
    console.log(err);
    return;
  }

  console.log('Listening at http://localhost:3000');
});

Then you can add prod scripts to the package.json:

"prod": "NODE_ENV=production npm run start:prod",
"start:prod": "node server.js"

[grigy]

@xphong thanks, but with your suggestion I'm running into the following problem:
Uncaught Error: locals[0] does not appear to be amoduleobject with Hot Module replacement API enabled. You should disable react-transform-hmr in production by usingenvsection in Babel configuration. See the example in README: https://github.com/gaearon/react-transform-hmr

[tsaiDavid]

Apologies for not checking in on this - I'm planning on updating the repo to use the Chrome tools version instead.

[grigy]

Thanks