🔧 use webpack-dev-server

settings are copiped from following comment

webpack/webpack-dev-server#1419 (comment)

Author: januswel

package.json

@@ -5,7 +5,7 @@
   "author": "Takagi Kensuke <janus.wel.3@gmail.com>",
   "license": "MIT",
   "scripts": {
-    "dev": "webpack --config webpack.config.dev.js",
+    "dev": "webpack-dev-server --config webpack.config.dev.js",
     "build": "webpack --config webpack.config.prod.js",
     "type-check": "tsc --noEmit"
   },
@@ -18,6 +18,7 @@
     "typescript": "^3.6.3",
     "webpack": "^4.40.2",
     "webpack-cli": "^3.3.9",
+    "webpack-dev-server": "^3.8.1",
     "webpack-merge": "^4.2.2"
   }
 }

webpack.config.dev.js

@@ -7,12 +7,21 @@ const config = merge(baseConfig, {
   entry: './src/index.dev.ts',
   mode: 'development',
   watch: true,
-  devtoo: 'inline-source-map',
+  devtool: 'inline-source-map',
+  devServer: {
+    contentBase: './dist',
+    open: true,
+    host: '0.0.0.0',
+    port: 9443,
+    disableHostCheck: true, // process.env.NODE_ENV === 'development'
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    },
+    useLocalIp: false,
+  },
   resolve: {
     extensions: ['.ts', '.js']
   },
 })
 
-console.log(config)
-
 module.exports = config