package.json

@@ -4,7 +4,7 @@
 	"description": "",
 	"main": "src/index.ts",
 	"scripts": {
-		"devServer": "webpack-dev-server  --mode development --inline --hot --open",
+		"devServer": "webpack-dev-server  --mode development --open",
 		"build": "webpack --mode development",
 		"buildProd": "webpack --mode production"
 	},

webpack.config.js

@@ -1,6 +1,8 @@
+/* eslint-env node */
+/* eslint-disable @typescript-eslint/no-var-requires */
+
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const webpack = require("webpack");
 const path = require("path");
 
 module.exports = {
@@ -15,11 +17,13 @@ module.exports = {
 	},
 	devtool: "source-map",
 	devServer: {
-		contentBase: "./dist", // Content base
-		inline: true, // Enable watch and live reload
+		contentBase: "./dist",
+		inline: true,
 		host: "localhost",
 		port: 8080,
-		stats: "errors-only"
+		stats: "errors-only",
+		liveReload: true,
+		watchContentBase: true
 	},
 	module: {
 		rules: [