Add customize-cra, config babelrc to remove console in prod

Author: completejavascript

.babelrc

@@ -0,0 +1,7 @@
+{
+  "env": {
+    "production": {
+      "plugins": ["transform-remove-console"]
+    }
+  }
+}

config-overrides.js

@@ -1,5 +1,3 @@
-module.exports = function override(config, env) {
-  //do stuff with the webpack config...
-  console.log('config overrides: ', env);
-  return config;
-};
+const { useBabelRc, override } = require('customize-cra');
+
+module.exports = override(useBabelRc());

package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "babel-plugin-transform-remove-console": "^6.9.4",
     "customize-cra": "^0.9.1",
     "node-sass": "^4.13.0",
     "react": "^16.12.0",

src/App.js

@@ -3,6 +3,8 @@ import logo from './logo.svg';
 import './App.scss';
 
 function App() {
+  console.log("This console will be remove in Production mode");
+
   return (
     <div className="App">
       <header className="header">

yarn.lock

@@ -2067,6 +2067,11 @@ babel-plugin-transform-react-remove-prop-types@0.4.24:
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
   integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
 
+babel-plugin-transform-remove-console@^6.9.4:
+  version "6.9.4"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-remove-console/-/babel-plugin-transform-remove-console-6.9.4.tgz#b980360c067384e24b357a588d807d3c83527780"
+  integrity sha1-uYA2DAZzhOJLNXpYjYB9PINSd4A=
+
 babel-preset-jest@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"