Properly remove DevTools from production build

src/pages/root/RootPage.jsx

@@ -6,16 +6,22 @@ import classNames from 'classnames';
 
 import Userbar from 'components/userbar/Userbar';
 import PopupStack from 'components/ui/popup/PopupStack';
-import DevTools from 'containers/DevTools';
 
 import styles from './root.scss';
 
 import messages from './RootPage.intl.json';
 
+/* global process: false */
+let DevTools;
+if (process.env.NODE_ENV === 'production') {
+    DevTools = () => null;
+} else {
+    DevTools = require('containers/DevTools').default;
+}
+
 function RootPage(props) {
     const isRegisterPage = props.location.pathname === '/register';
 
-    /* global process: false */
     return (
         <div className={styles.root}>
             <div id="view-port" className={classNames(styles.viewPort, {
@@ -39,7 +45,7 @@ function RootPage(props) {
                 </div>
             </div>
             <PopupStack />
-            {process.env.NODE_ENV === 'production' ? null : <DevTools /> }
+            <DevTools />
         </div>
     );
 }

src/storeFactory.js

@@ -8,7 +8,6 @@ import { syncHistory } from 'react-router-redux';
 import { browserHistory } from 'react-router';
 
 import reducers from 'reducers';
-import DevTools from 'containers/DevTools';
 
 export default function storeFactory() {
     const reduxRouterMiddleware = syncHistory(browserHistory);
@@ -22,6 +21,7 @@ export default function storeFactory() {
     if (process.env.NODE_ENV === 'production') {
         enhancer = compose(middlewares);
     } else {
+        const DevTools = require('containers/DevTools').default;
         enhancer = compose(middlewares, DevTools.instrument());
     }