Updated webpack

Author: BasicPrimitives

package.json

@@ -27,11 +27,14 @@
     "jest-puppeteer": "^4.4.0",
     "pdfkit-nodejs-webpack": "^0.0.2",
     "puppeteer": "^5.5.0",
+    "stream-browserify": "^3.0.0",
     "style-loader": "^2.0.0",
     "url-loader": "^4.1.1",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.1"
+    "util": "^0.12.5",
+    "webpack": "^5.85.0",
+    "webpack-cli": "^5.1.3",
+    "webpack-dev-server": "^4.15.0",
+    "process": "^0.11.10"
   },
   "scripts": {
     "test": "jest",

webpack.config.js

@@ -1,5 +1,6 @@
-const HtmlWebPackPlugin = require('html-webpack-plugin')
-const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+const HtmlWebPackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const webpack = require('webpack');
 var path = require("path");
 const options = { };
 
@@ -12,7 +13,7 @@ module.exports = {
 		"interactivetests": "./samples/javascript.controls/common/tests.js",
 	},
     devServer: {
-		contentBase: './',
+		static: './',
 		hot: true,
 		port: 8080
 	},
@@ -54,17 +55,25 @@ module.exports = {
 		],
 	},
 	resolve: {
-        extensions: ['.js', '.scss']
+        extensions: ['.js', '.scss'],
+		fallback: {
+			stream: require.resolve('stream-browserify'),
+			util: require.resolve('util/')
+		}
 	},
 		plugins: [
-		new CleanWebpackPlugin(),
-		// new HtmlWebPackPlugin({
-		//   template: './*.html',
-		//   filename: './*.html'
-		// }),
-		// new HtmlWebPackPlugin({
-		//   template: './photos.html',
-		//   filename: './photos.html'
-		// })
+			new CleanWebpackPlugin(),
+			// fix "process is not defined" error:
+			new webpack.ProvidePlugin({
+				process: 'process/browser',
+			}),
+			// new HtmlWebPackPlugin({
+			//   template: './*.html',
+			//   filename: './*.html'
+			// }),
+			// new HtmlWebPackPlugin({
+			//   template: './photos.html',
+			//   filename: './photos.html'
+			// })
 	]
 };