diff --git a/webpack.dev.js b/webpack.dev.js
index d01845d..53c3c3e 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -14,13 +14,24 @@
  * limitations under the License.
  */
 
-const { merge } = require('webpack-merge');
+const {merge} = require('webpack-merge');
 const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
   mode: 'development',
   devtool: 'inline-source-map',
   output: {
-    publicPath: ''
+    publicPath: '',
+  },
+  devServer: {
+    port: 4321,
+    allowedHosts: 'all',
+    client: {
+      webSocketURL: {
+        protocol: 'ws',
+        hostname: 'localhost',
+        port: 4321,
+      },
+    },
   },
 });