perf: use transform cache by resolved id (#15785)

Co-authored-by: Anthony Fu <[email protected]>

Author: bluwy

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

@@ -131,31 +131,23 @@ async function doTransform(
   url = removeTimestampQuery(url)
 
   const { config, pluginContainer } = server
-  const prettyUrl = debugCache ? prettifyUrl(url, config.root) : ''
   const ssr = !!options.ssr
 
   if (ssr && isDepsOptimizerEnabled(config, true)) {
     await initDevSsrDepsOptimizer(config, server)
   }
 
-  const module = await server.moduleGraph.getModuleByUrl(url, ssr)
-
-  // tries to handle soft invalidation of the module if available,
-  // returns a boolean true is successful, or false if no handling is needed
-  const softInvalidatedTransformResult =
-    module &&
-    (await handleModuleSoftInvalidation(module, ssr, timestamp, server))
-  if (softInvalidatedTransformResult) {
-    debugCache?.(`[memory-hmr] ${prettyUrl}`)
-    return softInvalidatedTransformResult
-  }
-
-  // check if we have a fresh cache
-  const cached =
-    module && (ssr ? module.ssrTransformResult : module.transformResult)
-  if (cached) {
-    debugCache?.(`[memory] ${prettyUrl}`)
-    return cached
+  let module = await server.moduleGraph.getModuleByUrl(url, ssr)
+  if (module) {
+    // try use cache from url
+    const cached = await getCachedTransformResult(
+      url,
+      module,
+      server,
+      ssr,
+      timestamp,
+    )
+    if (cached) return cached
   }
 
   const resolved = module
@@ -165,6 +157,21 @@ async function doTransform(
   // resolve
   const id = module?.id ?? resolved?.id ?? url
 
+  module ??= server.moduleGraph.getModuleById(id)
+  if (module) {
+    // if a different url maps to an existing loaded id,  make sure we relate this url to the id
+    await server.moduleGraph._ensureEntryFromUrl(url, ssr, undefined, resolved)
+    // try use cache from id
+    const cached = await getCachedTransformResult(
+      url,
+      module,
+      server,
+      ssr,
+      timestamp,
+    )
+    if (cached) return cached
+  }
+
   const result = loadAndTransform(
     id,
     url,
@@ -180,6 +187,34 @@ async function doTransform(
   return result
 }
 
+async function getCachedTransformResult(
+  url: string,
+  module: ModuleNode,
+  server: ViteDevServer,
+  ssr: boolean,
+  timestamp: number,
+) {
+  const prettyUrl = debugCache ? prettifyUrl(url, server.config.root) : ''
+
+  // tries to handle soft invalidation of the module if available,
+  // returns a boolean true is successful, or false if no handling is needed
+  const softInvalidatedTransformResult =
+    module &&
+    (await handleModuleSoftInvalidation(module, ssr, timestamp, server))
+  if (softInvalidatedTransformResult) {
+    debugCache?.(`[memory-hmr] ${prettyUrl}`)
+    return softInvalidatedTransformResult
+  }
+
+  // check if we have a fresh cache
+  const cached =
+    module && (ssr ? module.ssrTransformResult : module.transformResult)
+  if (cached) {
+    debugCache?.(`[memory] ${prettyUrl}`)
+    return cached
+  }
+}
+
 async function loadAndTransform(
   id: string,
   url: string,