Merge a68b0a50cc into 160efe7a7f

packages/vite/src/vite.ts

@@ -85,7 +85,7 @@ export const bundle: NuxtBuilder['bundle'] = async (nuxt) => {
               // https://github.com/vitejs/vite/tree/main/packages/vite/src/node/build.ts#L464-L478
               assetFileNames: nuxt.options.dev
                 ? undefined
-                : chunk => withoutLeadingSlash(join(nuxt.options.app.buildAssetsDir, `${sanitizeFilePath(filename(chunk.names[0]!))}.[hash].[ext]`)),
+                : chunk => withoutLeadingSlash(join(nuxt.options.app.buildAssetsDir, `${sanitizeFilePath(filename(chunk.names[0]!))}-[hash].[ext]`)),
             },
           },
           watch: {

test/basic.test.ts

@@ -1864,7 +1864,7 @@ describe.skipIf(isDev() || isWebpack)('inlining component styles', () => {
     // @ts-expect-error ssssh! untyped secret property
     const publicDir = useTestContext().nuxt._nitro.options.output.publicDir
     const files = await readdir(join(publicDir, '_nuxt')).catch(() => [])
-    expect(files.map(m => m.replace(/\.[\w-]+(\.\w+)$/, '$1'))).toContain('css-only-asset.svg')
+    expect(JSON.stringify(files.map(m => m.replace(/(-\w+)(\.\w+)$/, '$2')))).toContain('css_only_asset.svg')
   })
 
   it('should not include inlined CSS in generated CSS file', async () => {
@@ -1892,7 +1892,7 @@ describe.skipIf(isDev() || isWebpack)('inlining component styles', () => {
     const html: string = await $fetch<string>('/styles')
     const cssFiles = html.match(/<link [^>]*href="[^"]*\.css"/g)
     expect(cssFiles?.length).toBeGreaterThan(0)
-    expect(cssFiles?.filter(m => m.includes('entry'))?.map(m => m.replace(/\.[^.]*\.css/, '.css'))).toMatchInlineSnapshot(`
+    expect(cssFiles?.filter(m => m.includes('entry'))?.map(m => m.replace(/-[^-]*\.css/, '.css'))).toMatchInlineSnapshot(`
       [
         "<link rel="stylesheet" href="/_nuxt/entry.css"",
       ]
@@ -2122,7 +2122,7 @@ describe('public directories', () => {
 
 // TODO: dynamic paths in dev
 describe.skipIf(isDev())('dynamic paths', () => {
-  const publicFiles = ['/public.svg', '/css-only-public-asset.svg']
+  const publicFiles = ['/public.svg', '/css_only_public_asset.svg']
   const isPublicFile = (base = '/', file: string) => {
     if (isWebpack) {
       // TODO: webpack does not yet support dynamic static paths

test/fixtures/basic/assets/global.css

@@ -1,5 +1,5 @@
 :root {
   --global: 'global';
-  --asset: url('~/assets/css-only-asset.svg');
-  --public-asset: url('/css-only-public-asset.svg');
+  --asset: url('~/assets/css_only_asset.svg');
+  --public-asset: url('/css_only_public_asset.svg');
 }