fix: use relative paths for sources in Vue compiler

Ref: vitejs/vite#12079
bmeurer · Feb 21, 2023 · c38109a · c38109a
1 parent a78a724
commit c38109a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/plugin-vue/src/script.ts b/packages/plugin-vue/src/script.ts
@@ -1,3 +1,4 @@
+import path from 'node:path'
 import type { SFCDescriptor, SFCScriptBlock } from 'vue/compiler-sfc'
 import { resolveTemplateCompilerOptions } from './template'
 import type { ResolvedOptions } from '.'
@@ -58,6 +59,16 @@ export function resolveScript(
     sourceMap: options.sourceMap,
   })
 
+  if (resolved.map && Array.isArray(resolved.map.sources)) {
+    const sourceFolder = path.dirname(descriptor.filename)
+    resolved.map.sources = resolved.map.sources.map((source) => {
+      if (path.isAbsolute(source)) {
+        source = path.relative(sourceFolder, source)
+      }
+      return source
+    })
+  }
+
   cacheToUse.set(descriptor, resolved)
   return resolved
 }
diff --git a/packages/plugin-vue/src/template.ts b/packages/plugin-vue/src/template.ts
@@ -92,6 +92,16 @@ export function compile(
     )
   }
 
+  if (result.map && Array.isArray(result.map.sources)) {
+    const sourceFolder = path.dirname(descriptor.filename)
+    result.map.sources = result.map.sources.map((source) => {
+      if (path.isAbsolute(source)) {
+        source = path.relative(sourceFolder, source)
+      }
+      return source
+    })
+  }
+
   return result
 }