use diff .env files done

Author: nishkohli96

.prettierignore

@@ -8,6 +8,9 @@ src/logo.svg
 src/assets
 
 .env
+.env.prod
+.env.testing
+
 .eslintrc.json
 .gitignore
 .prettierignore

config-overrides.js

@@ -4,6 +4,9 @@ const path = require('path');
 module.exports = override(
     addWebpackAlias({
         ['@Misc']: path.resolve(__dirname, './src/components/Misc'),
-        ['@LibUtilize']: path.resolve(__dirname, './src/components/Lib-Utilize')
+        ['@LibUtilize']: path.resolve(
+            __dirname,
+            './src/components/Lib-Utilize'
+        ),
     })
-);
+);

jsconfig.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-      "baseUrl": "src" 
+        "baseUrl": "src"
     },
     "include": ["src/**/*"]
-}
+}

package.json

@@ -26,6 +26,7 @@
     "bootstrap": "^4.5.3",
     "customize-cra": "^1.0.0",
     "date-fns": "^2.14.0",
+    "env-cmd": "^10.1.0",
     "gulp-clean": "^0.4.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-imagemin": "^7.1.0",
@@ -61,7 +62,9 @@
     "tippy.js": "^6.2.7"
   },
   "scripts": {
-    "start": "react-app-rewired start",
+    "start": "env-cmd -f .env react-app-rewired start",
+    "start-prod": "env-cmd -f .env.prod react-app-rewired start",
+    "start-testing": "env-cmd -f .env.testing react-app-rewired start",
     "build": "react-app-rewired build",
     "test": "react-app-rewired test",
     "eject": "react-app-rewired eject"

src/pages/Homescreen.js

@@ -72,7 +72,9 @@ function Reactbtns() {
                     GatsbyJS.
                 </a>
             </p>
-            {/* <p><b>Env being used is {process.env.REACT_APP_ENV_VAR}</b></p> */}
+            <p>
+                Env being used is <b>{process.env.REACT_APP_ENV_VAR}</b>
+            </p>
             <Button
                 className={classes.gradientBtn2}
                 endIcon={<CloudUploadIcon />}
@@ -154,7 +156,6 @@ function Reactbtns() {
 
             <Link to="/carousel">Carousel</Link>
             <Link to="/calendar">Full Calendar with Date-Pickers</Link>
-        
         </div>
     );
 }