Webpack upgrade

config/heft.json

@@ -38,7 +38,7 @@
         "webpack": {
           "taskDependencies": ["typescript"],
           "taskPlugin": {
-            "pluginPackage": "@rushstack/heft-webpack4-plugin"
+            "pluginPackage": "@rushstack/heft-webpack5-plugin"
           }
         }
       }

package.json

@@ -16,26 +16,26 @@
     "@rushstack/eslint-config": "3.5.1",
     "@rushstack/heft": "0.63.6",
     "@rushstack/heft-web-rig": "0.19.17",
-    "@rushstack/heft-webpack4-plugin": "0.10.16",
+    "@rushstack/heft-webpack5-plugin": "0.9.16",
     "@types/gtag.js": "0.0.18",
     "@types/heft-jest": "1.0.6",
     "@types/node": "20.11.0",
-    "@types/react": "18.0.17",
-    "@types/react-dom": "18.0.6",
-    "@types/webpack-env": "1.16.3",
-    "css-loader": "~5.2.2",
+    "@types/react": "18.2.47",
+    "@types/react-dom": "18.2.47",
+    "@types/webpack-env": "1.18.4",
+    "css-loader": "6.9.0",
     "eslint": "^7.24.0",
     "fibers": "5.0.2",
-    "html-webpack-plugin": "~4.5.0",
+    "html-webpack-plugin": "5.6.0",
     "node-notifier": "10.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sass": "1.69.7",
-    "sass-loader": "^10.1.1",
-    "source-map-loader": "~1.1.3",
-    "style-loader": "~2.0.0",
+    "sass-loader": "13.3.3",
+    "source-map-loader": "4.0.2",
+    "style-loader": "3.3.4",
     "typescript": "5.3.3",
-    "webpack": "~4.46.0"
+    "webpack": "5.89.0"
   },
   "dependencies": {
     "@microsoft/load-themed-styles": "1.10.290",

webpack.config.js

@@ -42,7 +42,7 @@ function createWebpackConfig({ production }) {
     },
     output: {
       path: path.join(__dirname, 'dist'),
-      filename: '[name]_[hash].js'
+      filename: '[name]_[contenthash].js'
     },
     performance: {
       maxEntrypointSize: 250000,