Fix: fix the webpack build dev when extension is in node_module

Author: treoden

packages/evershop/src/lib/webpack/dev/createConfigClient.js

@@ -6,8 +6,10 @@ import { CONSTANTS } from '../../helpers.js';
 import { createBaseConfig } from '../createBaseConfig.js';
 import { GraphqlPlugin } from '../plugins/GraphqlPlugin.js';
 import { ThemeWatcherPlugin } from '../plugins/ThemeWatcherPlugin.js';
+import { getEnabledExtensions } from '../../../bin/extension/index.js';
 
 export function createConfigClient(route, tailwindConfig) {
+  const extensions = getEnabledExtensions();
   const config = createBaseConfig(false);
   config.name = route.id;
 
@@ -121,10 +123,28 @@ export function createConfigClient(route, tailwindConfig) {
 
   // Enable source maps
   config.devtool = 'eval-cheap-module-source-map';
+
+  // Configure snapshot management for better caching
+  // Exclude @evershop/evershop core and extensions in node_modules from managed paths
+  // This ensures webpack watches for changes in these paths
+  const nodeModuleExtensions = extensions
+    .filter((ext) => ext.path && ext.path.includes('node_modules'))
+    .map((ext) => {
+      // Extract package name from path (e.g., @vendor/package or package-name)
+      const match = ext.path.match(
+        /node_modules[\\/](@[^/\\]+[\\/][^/\\]+|[^/\\]+)/
+      );
+      return match ? match[1].replace(/\\/g, '[\\\\/]') : null;
+    })
+    .filter(Boolean)
+    .join('|');
+
+  const managedPathsPattern = nodeModuleExtensions
+    ? `^(.+?[\\\\/]node_modules[\\\\/](?!(@evershop[\\\\/]evershop|${nodeModuleExtensions}))(@.+?[\\\\/])?.+?)[\\\\/]`
+    : `^(.+?[\\\\/]node_modules[\\\\/](?!(@evershop[\\\\/]evershop))(@.+?[\\\\/])?.+?)[\\\\/]`;
+
   config.snapshot = {
-    managedPaths: [
-      /^(.+?[\\/]node_modules[\\/](?!(@evershop[\\/]evershop))(@.+?[\\/])?.+?)[\\/]/
-    ]
+    managedPaths: [new RegExp(managedPathsPattern)]
   };
 
   return config;