Update webpack config. Omit index.js from index.html.

jeswin · jeswin · commit 6de03cb67f7a · 2021-03-20T03:05:04.000+05:30
diff --git a/index.html b/index.html
@@ -6,7 +6,6 @@
 </head>
 
 <body>
-  <script src="./src/index.js"></script>
   <div id="root">
     <!-- app loads here... -->
   </div>
diff --git a/webpack.config.js b/webpack.config.js
@@ -2,6 +2,8 @@ const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 module.exports = {
+  entry: "./src/index.js",
+  devtool: "source-map",
   module: {
     rules: [
       {
@@ -12,18 +14,21 @@ module.exports = {
     ],
   },
   resolve: {
-    extensions: ['*', '.js', '.jsx'],
+    extensions: [".js", ".jsx"],
   },
   output: {
-    path: path.resolve(__dirname, './dist'),
-    filename: 'bundle.js',
+    path: path.resolve(__dirname, "./dist"),
+    filename: "bundle.js",
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.resolve(__dirname, "index.html")
-    })
+      template: path.resolve(__dirname, "index.html"),
+    }),
   ],
   devServer: {
-    contentBase: path.resolve(__dirname, './dist')
+    contentBase: path.resolve(__dirname, "./dist"),
+    historyApiFallback: {
+      index: "/",
+    },
   },
 };
