diff --git a/packages/web-new/package.json b/packages/web-new/package.json
index f6086088d..7b5a6bd2c 100644
--- a/packages/web-new/package.json
+++ b/packages/web-new/package.json
@@ -15,9 +15,9 @@
     "directory": "packages/web-new"
   },
   "scripts": {
-    "build": "node external-scripts/generate-paths.js && webpack",
-    "dev": "webpack && node server/server.js",
-    "server": "node server/server.js",
+    "build": "node external-scripts/generate-paths.js && webpack --mode production",
+    "dev": "webpack-dev-server --mode development --config webpack.config.js",
+    "serve": "node server/server.js",
     "examples": "node external-scripts/generate-paths.js"
   },
   "devDependencies": {
diff --git a/packages/web-new/webpack.config.js b/packages/web-new/webpack.config.js
index 1114a469d..aa92f7cf0 100644
--- a/packages/web-new/webpack.config.js
+++ b/packages/web-new/webpack.config.js
@@ -29,7 +29,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 module.exports = {
-    mode: 'development',
     entry: {
         bundle: path.resolve(__dirname, 'src/scripts/main.js'),
         styles: path.resolve(__dirname, 'src/styles/styles.css'),