fix: legacy no resolve asset urls

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

@@ -558,8 +558,7 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
         } else if (!config.build.ssr) {
           // legacy build and inline css
 
-          // __VITE_ASSET__ and __VITE_PUBLIC_ASSET__ urls are processed by
-          // the vite:asset plugin, don't call resolveAssetUrlsInCss here
+          chunkCSS = resolveAssetUrlsInCss(chunkCSS, chunk.name)
           chunkCSS = await finalizeCss(chunkCSS, true, config)
 
           const style = `__vite_style__`

playground/vue-legacy/Main.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="container">
+    <p>hello</p>
+  </div>
+</template>
+<style scoped>
+.container {
+  height: 100vh;
+  background: url('@/assets/asset.png') no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+</style>

playground/vue-legacy/__tests__/vue-legacy.spec.ts

@@ -0,0 +1,6 @@
+import { getBg, page } from '~utils'
+
+test('vue legacy assets', async () => {
+  const el = await page.$('.container')
+  expect(await getBg(el)).not.toMatch('__VITE_ASSET__')
+})

playground/vue-legacy/env.d.ts

@@ -0,0 +1 @@
+declare module '*.png'

playground/vue-legacy/index.html

@@ -0,0 +1,7 @@
+<div id="app"></div>
+<script type="module">
+  import { createApp } from 'vue'
+  import Main from './Main.vue'
+
+  createApp(Main).mount('#app')
+</script>

playground/vue-legacy/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "test-vue-legacy",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "debug": "node --inspect-brk ../../packages/vite/bin/vite",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.37"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "workspace:*",
+    "@vitejs/plugin-legacy": "workspace:*"
+  }
+}

playground/vue-legacy/vite.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite'
+import vuePlugin from '@vitejs/plugin-vue'
+import legacyPlugin from '@vitejs/plugin-legacy'
+
+export default defineConfig({
+  base: '',
+  resolve: {
+    alias: {
+      '@': __dirname
+    }
+  },
+  plugins: [
+    legacyPlugin({
+      targets: ['defaults', 'not IE 11', 'chrome > 48']
+    }),
+    vuePlugin()
+  ],
+  build: {
+    minify: false
+  }
+})