From 18ad71090925b830785d3acd37a75ad18951045a Mon Sep 17 00:00:00 2001
From: Maciej Zieniuk <167752252+mzieniukbw@users.noreply.github.com>
Date: Tue, 11 Mar 2025 18:20:32 +0100
Subject: [PATCH] [PM-18503] Webpack caching, minimize only on prod for Web
 (#13508)

* PM-18503: Webpack caching, minimize only on prod for Web

* caching not picking up dependencies changes

* caching disabled in production
---
 apps/web/webpack.config.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/apps/web/webpack.config.js b/apps/web/webpack.config.js
index 28fe5ce1f35..d172ea95c71 100644
--- a/apps/web/webpack.config.js
+++ b/apps/web/webpack.config.js
@@ -81,6 +81,7 @@ const moduleRules = [
         loader: "babel-loader",
         options: {
           configFile: "../../babel.config.json",
+          cacheDirectory: NODE_ENV !== "production",
         },
       },
     ],
@@ -349,6 +350,20 @@ const webpackConfig = {
     styles: ["./src/scss/styles.scss", "./src/scss/tailwind.css"],
     theme_head: "./src/theme.ts",
   },
+  cache:
+    NODE_ENV === "production"
+      ? false
+      : {
+          type: "filesystem",
+          allowCollectingMemory: true,
+          cacheDirectory: path.resolve(__dirname, "../../node_modules/.cache/webpack"),
+          buildDependencies: {
+            config: [__filename],
+          },
+        },
+  snapshot: {
+    unmanagedPaths: [path.resolve(__dirname, "../../node_modules/@bitwarden/")],
+  },
   optimization: {
     splitChunks: {
       cacheGroups: {
@@ -361,6 +376,7 @@ const webpackConfig = {
         },
       },
     },
+    minimize: NODE_ENV === "production",
     minimizer: [
       new TerserPlugin({
         terserOptions: {