diff --git a/packages/vite/src/node/plugins/css.ts b/packages/vite/src/node/plugins/css.ts
index 85eec565ebb86a..008d3793948ce7 100644
--- a/packages/vite/src/node/plugins/css.ts
+++ b/packages/vite/src/node/plugins/css.ts
@@ -671,6 +671,12 @@ async function compileCSS(
   const postcssPlugins =
     postcssConfig && postcssConfig.plugins ? postcssConfig.plugins.slice() : []
 
+  postcssPlugins.unshift(
+    UrlRewritePostcssPlugin({
+      replacer: urlReplacer
+    }) as Postcss.Plugin
+  )
+
   if (needInlineImport) {
     const isHTMLProxy = htmlProxyRE.test(id)
     postcssPlugins.unshift(
@@ -692,11 +698,6 @@ async function compileCSS(
       })
     )
   }
-  postcssPlugins.push(
-    UrlRewritePostcssPlugin({
-      replacer: urlReplacer
-    }) as Postcss.Plugin
-  )
 
   if (isModule) {
     postcssPlugins.unshift(