title: Deactivate Console.log and Logger or the Redux store in ReactJs production Mode
body: <p>I am in the process of deploying my first ReacctJs application and  I will like to deactivate any  data from my application that shows in the console of the browser. This includes the redux store Logger, console.logs code etc. </p>
  
  <p>I have tried out several approaches as I can find on google. </p>
  
  <p>My store code looks as follows</p>
  
  <pre><code>const loggerMiddleware = createLogger({
                          predicate: (getState, action) =&gt; process.env.NODE_ENV !== 'production'
              });
  
  export const store = createStore(
      rootReducer,
      applyMiddleware(
          thunkMiddleware,
          loggerMiddleware
      )
  );
  </code></pre>
  
  <p>I have installed the transform-remove-console package and created a .babelrc in my root folder with the following content</p>
  
  <pre><code>{
    "env": {
      "production": {
        "plugins": ["transform-remove-console"]
      }
    }
  }
  </code></pre>
  
  <p>None of above codes removes things in the console. Please any ideas around this will be highly appreciated.</p>