Mixed prod for dev and vice-versa in webpack config, fixed

webpack.dev.js

@@ -1,7 +1,15 @@
+const path = require('path');
 const { merge } = require('webpack-merge');
 const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
-    mode: "production",
-    devtool: "source-map",
+    mode: "development",
+    devtool: "inline-source-map",
+    devSources: {
+        static: {
+            directory: path.join(__dirname, "src"),
+        },
+        compress: true,
+        port: 9001,
+    }
 })

webpack.prod.js

@@ -1,15 +1,7 @@
-const path = require('path');
 const { merge } = require('webpack-merge');
 const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
-    mode: "development",
-    devtool: "inline-source-map",
-    devSources: {
-        static: {
-            directory: path.join(__dirname, "src"),
-        },
-        compress: true,
-        port: 9001,
-    }
+    mode: "production",
+    devtool: "source-map",
 })