fix(plugin-vue): resolve sourcemap conflicts in build watch mode with cached modules (#505)

edison1105 · web-flow · commit 906cebb1f5cf · 2025-03-17T09:10:21.000+08:00
diff --git a/packages/plugin-vue/src/index.ts b/packages/plugin-vue/src/index.ts
@@ -201,6 +201,8 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
       : createFilter(customElement)
   })
 
+  let transformCachedModule = false
+
   return {
     name: 'vite:vue',
 
@@ -294,7 +296,6 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
           !config.isProduction
         ),
       }
-
       // #507 suppress warnings for non-recognized pseudo selectors from lightningcss
       const _warn = config.logger.warn
       config.logger.warn = (...args) => {
@@ -308,6 +309,18 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
         }
         _warn(...args)
       }
+
+      transformCachedModule =
+        config.command === 'build' &&
+        options.value.sourceMap &&
+        config.build.watch != null
+    },
+
+    shouldTransformCachedModule({ id }) {
+      if (transformCachedModule && parseVueRequest(id).query.vue) {
+        return true
+      }
+      return false
     },
 
     configureServer(server) {
