rewriteCssDataUris() — vite Function Reference

Architecture documentation for the rewriteCssDataUris() function in css.ts from the vite codebase.

Function typescript PluginSystem AssetManagement calls 2 called by 1

Entity Profile

PluginSystem→ AssetManagement→ rewriteCssDataUris() — vite Function Reference

Dependency Diagram

graph TD
  a73b802f_5d97_3b91_585d_ee35e8c8e6d4["rewriteCssDataUris()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  a73b802f_5d97_3b91_585d_ee35e8c8e6d4 -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  5b519ec5_dd2f_e06c_4b7f_2007d9f5d884["rebaseUrls()"]
  5b519ec5_dd2f_e06c_4b7f_2007d9f5d884 -->|calls| a73b802f_5d97_3b91_585d_ee35e8c8e6d4
  d2187aa4_4aef_2882_785a_6776ee3054b6["asyncReplace()"]
  a73b802f_5d97_3b91_585d_ee35e8c8e6d4 -->|calls| d2187aa4_4aef_2882_785a_6776ee3054b6
  4274dcf6_df8f_0a7e_51d3_aa97fd2b2204["doUrlReplace()"]
  a73b802f_5d97_3b91_585d_ee35e8c8e6d4 -->|calls| 4274dcf6_df8f_0a7e_51d3_aa97fd2b2204
  style a73b802f_5d97_3b91_585d_ee35e8c8e6d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 2076–2084

function rewriteCssDataUris(
  css: string,
  replacer: CssUrlReplacer,
): Promise<string> {
  return asyncReplace(css, cssDataUriRE, async (match) => {
    const [matched, rawUrl] = match
    return await doUrlReplace(rawUrl.trim(), matched, replacer, 'data-uri')
  })
}