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

jeswin · jeswin · commit 818332ac657d · 2021-03-20T03:09:55.000+05:30
diff --git a/index.html b/index.html
@@ -6,7 +6,6 @@
 </head>
 
 <body>
-  <script src="./src/index.tsx"></script>
   <div id="root">
     <!-- app loads here... -->
   </div>
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,31 +1,34 @@
-const path = require('path');
+const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 module.exports = {
-  entry: './src/index.tsx',
-  devtool: 'inline-source-map',
+  entry: "./src/index.tsx",
+  devtool: "source-map",
   module: {
     rules: [
       {
         test: /\.tsx?$/,
-        use: 'ts-loader',
+        use: "ts-loader",
         exclude: /node_modules/,
       },
     ],
   },
   resolve: {
-    extensions: [ '.tsx', '.ts', '.js' ],
+    extensions: [".tsx", ".ts", ".js"],
   },
   output: {
-    filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist'),
+    filename: "bundle.js",
+    path: path.resolve(__dirname, "dist"),
   },
   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: "/",
+    },
   },
-};
+};
