fix: remove loaded input sourcemap (fixes #8411) (#10705)

Author: sapphi-red

packages/vite/src/node/server/pluginContainer.ts

@@ -472,6 +472,10 @@ export async function createPluginContainer(
       this.filename = filename
       this.originalCode = code
       if (inMap) {
+        if (isDebugSourcemapCombineFocused) {
+          // @ts-expect-error inject name for debug purpose
+          inMap.name = '$inMap'
+        }
         this.sourcemapChain.push(inMap)
       }
     }

packages/vite/src/node/server/transformRequest.ts

@@ -7,6 +7,7 @@ import type { SourceDescription, SourceMap } from 'rollup'
 import colors from 'picocolors'
 import type { ViteDevServer } from '..'
 import {
+  blankReplacer,
   cleanUrl,
   createDebugger,
   ensureWatchedFile,
@@ -196,6 +197,8 @@ async function loadAndTransform(
           convertSourceMap.fromSource(code) ||
           convertSourceMap.fromMapFileSource(code, path.dirname(file))
         )?.toObject()
+
+        code = code.replace(convertSourceMap.mapFileCommentRegex, blankReplacer)
       } catch (e) {
         logger.warn(`Failed to load source map for ${url}.`, {
           timestamp: true

playground/css-sourcemap/index.html

@@ -26,6 +26,8 @@ <h1>CSS Sourcemap</h1>
   <p class="imported-stylus">&lt;imported stylus&gt;</p>
 
   <p class="imported-sugarss">&lt;imported sugarss&gt;</p>
+
+  <p class="input-map">&lt;input source-map&gt;</p>
 </div>
 
 <script type="module">
@@ -44,6 +46,8 @@ <h1>CSS Sourcemap</h1>
   import './imported.styl'
 
   import './imported.sss'
+
+  import './input-map.css'
 </script>
 
 <iframe src="virtual.html"></iframe>

playground/css-sourcemap/input-map.css

@@ -0,0 +1,3 @@
+.input-map {
+  color: blue;
+}