fix(css): fix stale css when reloading with hmr disabled (vitejs#10270)

In the non-hmr path, when invalidating a module, it wasn't invalidating
the importers. This meant that CSS dynamically generated based on a
module's contents (e.g., what tailwind does) would not regenerate
when refreshing a page.

The HMR code path already invalidated importers, which is why the bug
didn't exist with HMR enabled. This change makes the invalidation
consistent between HMR and non-HMR.

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

@@ -488,9 +488,11 @@ export async function createServer(
     if (file.endsWith('/package.json')) {
       return invalidatePackageData(packageCache, file)
     }
-    // invalidate module graph cache on file change
-    moduleGraph.onFileChange(file)
-    if (serverConfig.hmr !== false) {
+    if (serverConfig.hmr === false) {
+      // Invalidate module graph cache on file change.
+      // The HMR path below does its own invalidation.
+      moduleGraph.onFileChange(file)
+    } else {
       try {
         await handleHMRUpdate(file, server)
       } catch (err) {

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

@@ -48,16 +48,6 @@ export class ModuleNode {
   }
 }
 
-function invalidateSSRModule(mod: ModuleNode, seen: Set<ModuleNode>) {
-  if (seen.has(mod)) {
-    return
-  }
-  seen.add(mod)
-  mod.ssrModule = null
-  mod.ssrError = null
-  mod.importers.forEach((importer) => invalidateSSRModule(importer, seen))
-}
-
 export type ResolvedUrl = [
   url: string,
   resolvedId: string,
@@ -109,14 +99,22 @@ export class ModuleGraph {
     seen: Set<ModuleNode> = new Set(),
     timestamp: number = Date.now(),
   ): void {
+    if (seen.has(mod)) {
+      return
+    }
+    seen.add(mod)
     // Save the timestamp for this invalidation, so we can avoid caching the result of possible already started
     // processing being done for this module
     mod.lastInvalidationTimestamp = timestamp
     // Don't invalidate mod.info and mod.meta, as they are part of the processing pipeline
     // Invalidating the transform result is enough to ensure this module is re-processed next time it is requested
     mod.transformResult = null
     mod.ssrTransformResult = null
-    invalidateSSRModule(mod, seen)
+    mod.ssrModule = null
+    mod.ssrError = null
+    mod.importers.forEach((importer) =>
+      this.invalidateModule(importer, seen, timestamp),
+    )
   }
 
   invalidateAll(): void {