chore(deps): update dependency webpack to v5

package.json

@@ -33,6 +33,7 @@
     "@freecodecamp/eslint-config": "2.0.2",
     "babel-eslint": "10.1.0",
     "babel-loader": "8.2.3",
+    "buffer": "^6.0.3",
     "chromedriver": "94.0.0",
     "commitizen": "4.2.4",
     "css-loader": "3.6.0",
@@ -58,12 +59,15 @@
     "live-server": "1.2.1",
     "node-sass": "6.0.1",
     "npm-run-all": "4.1.5",
+    "path-browserify": "^1.0.1",
     "prettier": "2.4.1",
+    "process": "^0.11.10",
     "pug": "3.0.2",
     "selenium-webdriver": "4.0.0",
     "through2": "4.0.2",
+    "util": "^0.12.4",
     "vinyl": "2.2.1",
-    "webpack": "4.46.0",
+    "webpack": "5.61.0",
     "webpack-cli": "4.9.1",
     "webpack-dev-server": "4.4.0"
   },
@@ -79,10 +83,10 @@
     "prettier": "prettier \"**/*.{md,css,scss,yaml,yml,html}\"",
     "pretest": "yarn lint",
     "test": "mocha",
-    "cy:gen:fix":"node ./generate-fixture.js", 
+    "cy:gen:fix": "node ./generate-fixture.js",
     "cy:dev:test": "npm run cy:gen:fix && cypress run",
     "cy:dev:watch": "npm run cy:gen:fix && cypress open",
-    "serve": "live-server build", 
+    "serve": "live-server build",
     "start": "run-p start:* serve",
     "start:projects-tests": "webpack --watch",
     "start:projects": "gulp",

webpack.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const webpack = require('webpack');
 
 module.exports = function (env = {}) {
   const __DEV__ = env.production ? false : true;
@@ -32,6 +33,20 @@ module.exports = function (env = {}) {
           loader: 'html-loader'
         }
       ]
+    },
+    plugins: [
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer']
+      }),
+      new webpack.ProvidePlugin({
+        process: 'process/browser'
+      })
+    ],
+    resolve: {
+      fallback: {
+        path: require.resolve('path-browserify'),
+        util: require.resolve('util/')
+      }
     }
   };
 };