feat(manifest): add assets field for standalone CSS entry points

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

@@ -1068,7 +1068,22 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
 
         const removedPureCssFiles = removedPureCssFilesCache.get(config)!
         pureCssChunkNames.forEach((fileName) => {
-          removedPureCssFiles.set(fileName, bundle[fileName] as RenderedChunk)
+          const emptyJsPlaceholder = bundle[fileName] as RenderedChunk
+          if (emptyJsPlaceholder.isEntry) {
+            const { importedAssets, importedCss } =
+              emptyJsPlaceholder.viteMetadata!
+            const cssReferenceId = cssEntriesMap
+              .get(this.environment)!
+              .get(emptyJsPlaceholder.name)!
+            const realCssEntryName = this.getFileName(cssReferenceId)
+            const realCssEntry = bundle[realCssEntryName]!
+            importedCss.delete(realCssEntryName)
+            if (importedAssets.size || importedCss.size) {
+              realCssEntry.viteMetadata = { importedAssets, importedCss }
+            }
+          }
+
+          removedPureCssFiles.set(fileName, emptyJsPlaceholder)
           delete bundle[fileName]
           delete bundle[`${fileName}.map`]
         })

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

@@ -133,6 +133,13 @@ export function manifestPlugin(): Plugin {
           manifestChunk.name = name
           // @ts-expect-error keep names field for backward compatibility
           manifestChunk.names = asset.names
+
+          if (asset.viteMetadata?.importedCss.size) {
+            manifestChunk.css = [...asset.viteMetadata.importedCss]
+          }
+          if (asset.viteMetadata?.importedAssets.size) {
+            manifestChunk.assets = [...asset.viteMetadata.importedAssets]
+          }
         }
         return manifestChunk
       }

packages/vite/types/metadata.d.ts

@@ -23,6 +23,10 @@ export interface CustomPluginOptionsVite {
 }
 
 declare module 'rollup' {
+  export interface OutputAsset {
+    viteMetadata?: ChunkMetadata
+  }
+
   export interface RenderedChunk {
     viteMetadata?: ChunkMetadata
   }

playground/backend-integration/__tests__/backend-integration.spec.ts

@@ -76,6 +76,7 @@ describe.runIf(isBuild)('build', () => {
     // use the entry name
     expect(dirFooAssetEntry.file).toMatch('assets/bar-')
     expect(dirFooAssetEntry.name).toStrictEqual('bar.css')
+    expect(dirFooAssetEntry.assets.length).toEqual(1)
     expect(customNameAssetEntry.name).toStrictEqual('bar.custom')
     expect(iconEntrypointEntry?.file).not.toBeUndefined()
     expect(waterContainerEntry?.file).not.toBeUndefined()

playground/backend-integration/dir/foo.css

@@ -1,3 +1,6 @@
 .windows-path-foo {
   color: blue;
 }
+.foo-background-image {
+  background-image: url('./foo-background.svg?no-inline');
+}