diff --git a/config/webpack/development.js b/config/webpack/development.js
index e3fbfe4b9..297689802 100644
--- a/config/webpack/development.js
+++ b/config/webpack/development.js
@@ -36,7 +36,7 @@ module.exports = merge(sharedConfig, {
     port: settings.dev_server.port,
     https: settings.dev_server.https,
     hot: settings.dev_server.hmr,
-    contentBase: output.path,
+    contentBase: settings.public_root_path,
     inline: settings.dev_server.inline,
     useLocalIp: settings.dev_server.use_local_ip,
     public: settings.dev_server.public,
diff --git a/package.json b/package.json
index 7bda8b202..3f73bd150 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
     "node": ">=16"
   },
   "scripts": {
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --config config/webpack/development.js",
     "build:development": "cross-env NODE_ENV=development webpack --config config/webpack/development.js",
     "build:production": "cross-env NODE_ENV=production webpack --config config/webpack/production.js",
     "build": "cross-env NODE_ENV=production webpack --config config/webpack/production.js",