update-

package.json

 {
 	"name": "boxdialer",
-	"version": "4.5.6",
+	"version": "4.5.7",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {
 		"dev": "webpack serve --mode=development",
-		"build": "webpack",
-		"start": "webpack --watch"
+		"build:dev": "webpack --env=development --watch ",
+		"build:prod": "webpack --env=production"
 	},
 	"keywords": [],
 	"author": "",

webpack.config.js

@@ -3,11 +3,17 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-module.exports = {
+//env.production
+
+module.exports = (env) => {
+	console.log('TYPE: ', env?.production ? 'production' : 'development');
+	return {
 		entry: path.join(__dirname, 'src', 'index.js'),
 		mode: 'development',
 		output: {
-		path: path.resolve(__dirname, 'dist'),
+			path: env?.production
+				? path.resolve(__dirname, 'prod')
+				: path.resolve(__dirname, 'dist'),
 		},
 		// devServer: {
 		// 	port: 80,
@@ -49,4 +55,5 @@ module.exports = {
 				template: path.join(__dirname, 'src', 'index.html'),
 			}),
 		],
+	};
 };