Use filesystem cache for webpack in dev environment (#30805)

GitOrigin-RevId: ae4cb18a6d0677911da864668a74fc3d11daaa21

services/web/webpack.config.dev.js

@@ -1,3 +1,4 @@
+const path = require('path')
 const webpack = require('webpack')
 const { merge } = require('webpack-merge')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
@@ -23,6 +24,17 @@ module.exports = merge(base, {
   devtool:
     process.env.CSP_ENABLED === 'true' ? 'source-map' : 'eval-source-map',
 
+  cache: {
+    type: 'filesystem',
+    buildDependencies: {
+      config: [
+        __filename,
+        path.resolve(__dirname, 'webpack.config.js'),
+        path.resolve(__dirname, 'config/settings.webpack.js'),
+      ],
+    },
+  },
+
   // Load entrypoints without contenthash in filename
   output: {
     filename: 'js/[name].js',