diff --git a/webpack.dev.js b/webpack.dev.js
index 3fe87df80..d43339d5f 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -1,16 +1,19 @@
 const merge = require('webpack-merge');
 const config = require('./webpack.config.js');
 
-module.exports = merge(config, {
-  mode: 'development',
-  devServer: {
-    publicPath: '/dist/',
-    proxy: {
-      '/extensions': {
-        target: 'http://localhost:3001',
-        pathRewrite: { '^/extensions': '/public/extensions' }
-      }
-    },
-    port: 3001
-  }
-});
+module.exports = (_env, argv) => {
+  const port = argv.port || 3001;
+  return merge(config, {
+    mode: 'development',
+    devServer: {
+      publicPath: '/dist/',
+      proxy: {
+        '/extensions': {
+          target: `http://localhost:${port}`,
+          pathRewrite: { '^/extensions': '/public/extensions' }
+        }
+      },
+      port,
+    }
+  });
+};