reorganize components and add root import plugin

webpack.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+require('dotenv').config();
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 /*We are basically telling webpack to take index.js from entry. Then check for all file extensions in resolve.
@@ -9,7 +10,7 @@ module.exports = {
    * the environment - development, production, none. tells webpack
    * to use its built-in optimizations accordingly. default is production
    */
-  mode: 'development',
+  mode: process.env.NODE_ENV,
   /** "entry"
    * the entry point
    */