feat(build): provide names for asset entrypoints

Author: Stanislav Lashmanov

packages/vite/src/node/__tests__/build.spec.ts

@@ -1049,7 +1049,10 @@ test('watch rebuild manifest', async (ctx) => {
       client: {
         build: {
           rollupOptions: {
-            input: '/entry.js',
+            input: {
+              entry: '/entry.js',
+              cssEntry: '/entry.css',
+            },
           },
         },
       },
@@ -1059,19 +1062,19 @@ test('watch rebuild manifest', async (ctx) => {
     },
   })
 
-  function getManifestKeys(output: RollupOutput) {
-    return Object.keys(
-      JSON.parse(
-        (output.output.find((o) => o.fileName === '.vite/manifest.json') as any)
-          .source,
-      ),
-    )
+  function getManifest(output: RollupOutput) {
+    const { source } = output.output.find(
+      (o) => o.fileName === '.vite/manifest.json',
+    ) as any
+    return JSON.parse(source)
   }
 
   const result = await builder.build(builder.environments.client)
-  expect(getManifestKeys(result as RollupOutput)).toMatchInlineSnapshot(`
+  expect(Object.keys(getManifest(result as RollupOutput)))
+    .toMatchInlineSnapshot(`
     [
       "dep.js",
+      "entry.css",
       "entry.js",
     ]
   `)
@@ -1087,11 +1090,18 @@ test('watch rebuild manifest', async (ctx) => {
   })
 
   const result2 = await builder.build(builder.environments.client)
-  expect(getManifestKeys(result2 as RollupOutput)).toMatchInlineSnapshot(`
+  const manifest = getManifest(result2 as RollupOutput)
+  expect(Object.keys(manifest)).toMatchInlineSnapshot(`
     [
+      "entry.css",
       "entry.js",
     ]
   `)
+  expect(manifest['entry.css'].names).toMatchInlineSnapshot(`
+    [
+      "cssEntry.css",
+    ]
+  `)
 })
 
 /**

packages/vite/src/node/__tests__/fixtures/watch-rebuild-manifest/entry.css

@@ -0,0 +1,3 @@
+.foo {
+  color: red;
+}

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

@@ -21,6 +21,7 @@ export interface ManifestChunk {
   assets?: string[]
   isEntry?: boolean
   name?: string
+  names?: string[]
   isDynamicEntry?: boolean
   imports?: string[]
   dynamicImports?: string[]
@@ -127,7 +128,10 @@ export function manifestPlugin(): Plugin {
           file: asset.fileName,
           src,
         }
-        if (isEntry) manifestChunk.isEntry = true
+        if (isEntry) {
+          manifestChunk.isEntry = true
+          manifestChunk.names = asset.names
+        }
         return manifestChunk
       }