revert: build assets with the entry name when it is an entry point (#11578)

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

@@ -609,12 +609,9 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
  pureCssChunks.add(chunk)
  }
  if (opts.format === 'es' || opts.format === 'cjs') {
- const isEntry = chunk.isEntry && isPureCssChunk
- const cssAssetName = normalizePath(
- !isEntry && chunk.facadeModuleId
- ? path.relative(config.root, chunk.facadeModuleId)
- : chunk.name,
- )
+ const cssAssetName = chunk.facadeModuleId
+ ? normalizePath(path.relative(config.root, chunk.facadeModuleId))
+ : chunk.name
 
  const lang = path.extname(cssAssetName).slice(1)
  const cssFileName = ensureFileExt(cssAssetName, '.css')
@@ -644,6 +641,7 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
  source: chunkCSS,
  })
  const originalName = isPreProcessor(lang) ? cssAssetName : cssFileName
+ const isEntry = chunk.isEntry && isPureCssChunk
  generatedAssets
  .get(config)!
  .set(referenceId, { originalName, isEntry })

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

@@ -37,7 +37,7 @@ describe.runIf(isBuild)('build', () => {
  const cssAssetEntry = manifest['global.css']
  const scssAssetEntry = manifest['nested/blue.scss']
  const imgAssetEntry = manifest['../images/logo.png']
- const dirFooAssetEntry = manifest['../dynamic/foo.css'] // '\\' should not be used even on windows
+ const dirFooAssetEntry = manifest['../../dir/foo.css'] // '\\' should not be used even on windows
  expect(htmlEntry.css.length).toEqual(1)
  expect(htmlEntry.assets.length).toEqual(1)
  expect(cssAssetEntry?.file).not.toBeUndefined()
@@ -48,9 +48,6 @@ describe.runIf(isBuild)('build', () => {
  expect(imgAssetEntry?.file).not.toBeUndefined()
  expect(imgAssetEntry?.isEntry).toBeUndefined()
  expect(dirFooAssetEntry).not.toBeUndefined()
- // use the entry name
- expect(manifest['bar.css']).not.toBeUndefined()
- expect(manifest['foo.css']).toBeUndefined()
  })
 })
 

playground/backend-integration/dir/foo.css

@@ -1,3 +1,3 @@
-.entry-name-foo {
+.windows-path-foo {
  color: blue;
 }

playground/backend-integration/frontend/entrypoints/main.ts

@@ -1,5 +1,4 @@
 import 'vite/modulepreload-polyfill'
-import('../dynamic/foo') // should be dynamic import to split chunks
 
 export const colorClass = 'text-black'
 

playground/backend-integration/vite.config.js

@@ -19,7 +19,7 @@ function BackendIntegrationExample() {
  .map((filename) => [path.relative(root, filename), filename])
 
  entrypoints.push(['tailwindcss-colors', 'tailwindcss/colors.js'])
- entrypoints.push(['bar.css', path.resolve(__dirname, './dir/foo.css')])
+ entrypoints.push(['foo.css', path.resolve(__dirname, './dir/foo.css')])
 
  return {
  build: {