feat(webpack-react): mv webpack config to config folder

webpack-react/config/webpack.common.js

@@ -4,11 +4,11 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const path = require('path');
 module.exports = {
     //bundle *.js from this entry point
-    entry: path.resolve(__dirname, 'src/index.js'),
+    entry: path.resolve(__dirname, '../src/index.js'),
     //create output file to be linked to index.html
     output: {
         filename: '[name].bundle.js',
-	path: path.resolve(__dirname, './dist'),
+	path: path.resolve(__dirname, '../dist'),
 	clean: true,
     },
     module: {
@@ -18,7 +18,7 @@ module.exports = {
 		//test all *.jsx (e.g. React.js) using babel-loader
 		test: /\.(js|jsx)$/,
 		exclude: /node_modules/,
-		include: path.resolve(__dirname, 'src'),
+		include: path.resolve(__dirname, '../src'),
 		use: ['babel-loader'],
 	    }
 	]
@@ -30,7 +30,7 @@ module.exports = {
     // create an plugin instance so that you can use it several times anywhere
 	new HtmlWebpackPlugin({
 	    title: 'Production',
-	    template: path.resolve(__dirname, "public/index.html")
+	    template: path.resolve(__dirname, "../public/index.html")
 	}),
     ],
 };

webpack-react/config/webpack.dev.js

@@ -9,6 +9,6 @@ module.exports = merge(common, {
     //enable strong source mapping
     devtool: 'inline-source-map',
     devServer: {
-	static: path.resolve(__dirname, 'dist'),
+	static: path.resolve(__dirname, '../dist'),
     },
 });

webpack-react/package.json

@@ -14,8 +14,8 @@
         "node": ">=10"
     },
     "scripts": {
-        "start": "webpack serve --open --config webpack.dev.js",
-        "build": "webpack --config webpack.prod.js"
+        "start": "webpack serve --open --config config/webpack.dev.js",
+        "build": "webpack --config config/webpack.prod.js"
     },
     "devDependencies": {
         "@babel/core": "^7.18.2",

webpack-react/src/index.js

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import Home from './pages/home';
 //TODO remove debugging
 if (process.env.NODE_ENV !== 'production') {
-    console.log('development mode!');
+    console.log('development mode');
 }
 //since react 18
 import { createRoot } from 'react-dom/client';

webpack-react/webpack.config.js

@@ -1,26 +0,0 @@
-//path is used to resolve properly across the OS
-const path = require('path');
-
-module.exports = {
-    //bundle *.js from this entry point
-    entry: path.resolve(__dirname, './src/index.js'),
-    module: {
-	rules: [
-	    {
-		//test all *.js using babel-loader
-		//test all *.jsx (e.g. React.js) using babel-loader
-		test: /\.(js|jsx)$/,
-		exclude: /node_modules/,
-		use: ['babel-loader'],
-	    }
-	]
-    },
-    resolve: {
-	extensions: ['*', '.js', '.jsx'],
-    },
-    //create output file to be linked to index.html
-    output: {
-	path: path.resolve(__dirname, './public'),
-	filename: 'bundle.js',
-    },
-};