First build

Client-Client/webpack.config.js

@@ -2,26 +2,37 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  entry: './src/index.js',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'bundle.js',
-    publicPath: '/',
-    clean: true
-  },
-  module: {
-    rules: [
-      { test: /\.(js|jsx)$/, exclude: /node_modules/, use: 'babel-loader' },
-      { test: /\.css$/, use: ['style-loader', 'css-loader'] }
-    ]
-  },
-  resolve: { extensions: ['.js', '.jsx'] },
-  plugins: [
-    new HtmlWebpackPlugin({ template: './public/index.html', favicon: false })
-  ],
-  devServer: {
-    port: 8080,
-    historyApiFallback: true,
-    hot: true
-  }
+    entry: './src/index.js',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+        filename: 'bundle.js',
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                exclude: /node_modules/,
+                use: 'babel-loader',
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.js', '.jsx'],
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: './public/index.html',
+            inject: 'body',
+        }),
+    ],
+    devServer: {
+        static: './public',
+        port: 3000,
+        hot: true,
+        historyApiFallback: true,
+    },
 };