fix(css): reset render cache on renderStart (#14326)

packages/vite/src/node/plugins/css.ts

@@ -406,7 +406,7 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
   return {
     name: 'vite:css-post',
 
-    buildStart() {
+    renderStart() {
       // Ensure new caches for every build (i.e. rebuilding in watch mode)
       pureCssChunks = new Set<RenderedChunk>()
       outputToExtractedCSSMap = new Map<NormalizedOutputOptions, string>()

playground/lib/__tests__/serve.ts

@@ -61,6 +61,12 @@ export async function serve(): Promise<{ close(): Promise<void> }> {
       configFile: path.resolve(__dirname, '../vite.dyimport.config.js'),
     })
 
+    await build({
+      root: rootDir,
+      logLevel: 'warn', // output esbuild warns
+      configFile: path.resolve(__dirname, '../vite.multiple-output.config.js'),
+    })
+
     await build({
       root: rootDir,
       logLevel: 'warn', // output esbuild warns

playground/lib/src/main-multiple-output.js

@@ -0,0 +1,6 @@
+// import file to test css build handling
+import './index.css'
+
+export default async function message(sel) {
+  document.querySelector(sel).textContent = 'success'
+}

playground/lib/src/sub-multiple-output.js

@@ -0,0 +1,6 @@
+// import file to test css build handling
+import './index.css'
+
+export default async function message(sel) {
+  document.querySelector(sel).textContent = 'success'
+}

playground/lib/vite.multiple-output.config.js

@@ -0,0 +1,39 @@
+import path from 'node:path'
+import { defineConfig } from 'vite'
+
+const root = process.env.VITEST
+  ? path.resolve(__dirname, '../../playground-temp/lib')
+  : __dirname
+
+export default defineConfig({
+  build: {
+    lib: {
+      // set multiple entrypoint to trigger css chunking
+      entry: {
+        main: path.resolve(__dirname, 'src/main-multiple-output.js'),
+        sub: path.resolve(__dirname, 'src/sub-multiple-output.js'),
+      },
+      name: 'MyLib',
+    },
+    outDir: 'dist/multiple-output',
+    rollupOptions: {
+      // due to playground-temp, the `dir` needs to be relative to the resolvedRoot
+      output: [
+        {
+          dir: path.resolve(root, 'dist/multiple-output/es'),
+          format: 'es',
+          entryFileNames: 'index.mjs',
+          assetFileNames: 'assets/mylib.css',
+        },
+        {
+          dir: path.resolve(root, 'dist/multiple-output/cjs'),
+          format: 'cjs',
+          entryFileNames: 'index.cjs',
+          assetFileNames: 'assets/mylib.css',
+        },
+      ],
+    },
+    cssCodeSplit: true,
+  },
+  cacheDir: 'node_modules/.vite-multiple-output',
+})