fix(manifest): incorrect css entry files in manifest when falsy cssCodeSplit

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

@@ -167,7 +167,7 @@ const styleAttrRE = /[?&]style-attr\b/
 const usedRE = /[?&]used\b/
 const varRE = /^var\(/i
 
-const cssBundleName = 'style.css'
+export const cssBundleName = 'style.css'
 
 const enum PreprocessLang {
   less = 'less',

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

@@ -5,6 +5,7 @@ import type { ResolvedConfig } from '..'
 import type { Plugin } from '../plugin'
 import { normalizePath } from '../utils'
 import { generatedAssets } from './asset'
+import { cssBundleName } from './css'
 import type { GeneratedAssetMeta } from './asset'
 
 export type Manifest = Record<string, ManifestChunk>
@@ -20,6 +21,8 @@ export interface ManifestChunk {
   dynamicImports?: string[]
 }
 
+const cssRE = /\.css$/
+
 export function manifestPlugin(config: ResolvedConfig): Plugin {
   const manifest: Manifest = {}
 
@@ -149,6 +152,19 @@ export function manifestPlugin(config: ResolvedConfig): Plugin {
         }
       })
 
+      if (!config.build.cssCodeSplit) {
+        for (const file in manifest) {
+          const { isEntry, isDynamicEntry } = manifest[file]
+          if (
+            file !== cssBundleName &&
+            cssRE.test(file) &&
+            (isEntry || isDynamicEntry)
+          ) {
+            manifest[file].file = manifest[cssBundleName].file
+          }
+        }
+      }
+
       outputCount++
       const output = config.build.rollupOptions?.output
       const outputLength = Array.isArray(output) ? output.length : 1

playground/css/__tests__/manifest/manifest.spec.ts

@@ -0,0 +1,15 @@
+import { describe, expect, test } from 'vitest'
+import { findAssetFile, isBuild } from '~utils'
+
+const baseDir = 'manifest'
+const assets = './'
+
+describe.runIf(isBuild)('manifest', () => {
+  test('manifest when cssCodeSplit is false', () => {
+    const manifest = JSON.parse(
+      findAssetFile(/manifest.json$/, baseDir, assets),
+    )
+    expect(manifest['async.css'].file).toMatch(manifest['style.css'].file)
+    expect(manifest['async/base.css'].file).toMatch(manifest['style.css'].file)
+  })
+})

playground/css/package.json

@@ -13,7 +13,9 @@
     "preview:relative-base": "vite --config ./vite.config-relative-base.js preview",
     "dev:no-css-minify": "vite --config ./vite.config-no-css-minify.js dev",
     "build:no-css-minify": "vite --config ./vite.config-no-css-minify.js build",
-    "preview:no-css-minify": "vite --config ./vite.config-no-css-minify.js preview"
+    "preview:no-css-minify": "vite --config ./vite.config-no-css-minify.js preview",
+    "build:manifest": "vite --config ./vite.config-manifest.js build",
+    "preview:manifest": "vite --config ./vite.config-manifest.js preview"
   },
   "devDependencies": {
     "@vitejs/test-css-dep": "link:./css-dep",

playground/css/vite.config-manifest.js

@@ -0,0 +1,20 @@
+import path from 'node:path'
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config.js'
+
+export default defineConfig({
+  ...baseConfig,
+  build: {
+    ...baseConfig.build,
+    manifest: true,
+    cssCodeSplit: false,
+    outDir: 'dist/manifest',
+    rollupOptions: {
+      input: {
+        base: path.resolve(__dirname, 'async/base.css'),
+        async: path.resolve(__dirname, 'async.css'),
+      },
+    },
+  },
+  cacheDir: 'node_modules/.vite-css-manifest',
+})