Upgrade webpack config

Author: fwh1990

package.json

@@ -4,32 +4,28 @@
   "main": "index.js",
   "license": "MIT",
   "scripts": {
-    "start": "yarn && node_modules/.bin/webpack-dev-server"
+    "start": "yarn && webpack-genius start"
   },
   "dependencies": {
-    "@redux-model/web": "^6.5.10",
+    "@redux-model/web": "^6.5.11",
+    "core-js": "^3.4.1",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
     "react-redux": "^7.1.3",
     "redux": "^4.0.4",
     "redux-persist": "^6.0.0"
   },
   "devDependencies": {
-    "@types/html-webpack-plugin": "^3.2.1",
-    "@types/node": "^12.12.6",
+    "@hot-loader/react-dom": "^16.11.0",
+    "@types/node": "^12.12.7",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.4",
     "@types/react-redux": "^7.1.5",
     "@types/redux-logger": "^3.0.7",
-    "@types/webpack": "^4.39.8",
     "@types/webpack-env": "^1.14.1",
-    "awesome-typescript-loader": "^5.2.1",
-    "html-webpack-plugin": "^3.2.0",
+    "react-hot-loader": "^4.12.17",
     "redux-logger": "^3.0.6",
-    "ts-node": "^8.4.1",
     "typescript": "^3.7.2",
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.10",
-    "webpack-dev-server": "^3.9.0"
+    "webpack-genius": "^4.0.11"
   }
 }

webpack.config.ts

@@ -1,27 +1,10 @@
-import { Configuration, HotModuleReplacementPlugin } from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
+import webpackGenius from 'webpack-genius';
 
-const config: Configuration = {
-  entry: './src/entries/index.tsx',
-  mode: 'development',
-  devtool: 'source-map',
-  plugins: [
-    new HtmlWebpackPlugin({
-      template: './src/entries/index.html',
-    }),
-    new HotModuleReplacementPlugin(),
-  ],
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js'],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        loader: 'awesome-typescript-loader',
-      },
-    ],
-  },
-};
-
-export default config;
+export default webpackGenius(8080, (genius) => {
+  genius
+    .entry('./src/entries/index.tsx')
+    .devtool('source-map')
+    .pluginHtml((plugin) => {
+      plugin.setTemplate('./src/entries/index.html');
+    })
+});