rewriteCssImageSet() — vite Function Reference

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

Function typescript PluginSystem AssetManagement calls 5 called by 1

Entity Profile

PluginSystem→ AssetManagement→ rewriteCssImageSet() — vite Function Reference

Dependency Diagram

graph TD
  adbeefd5_f002_aded_c354_d39e64e7c473["rewriteCssImageSet()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  bf50047e_a0e3_48b6_aa97_2e41d9b50e56["UrlRewritePostcssPlugin()"]
  bf50047e_a0e3_48b6_aa97_2e41d9b50e56 -->|calls| adbeefd5_f002_aded_c354_d39e64e7c473
  d2187aa4_4aef_2882_785a_6776ee3054b6["asyncReplace()"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|calls| d2187aa4_4aef_2882_785a_6776ee3054b6
  a40c1352_fbe4_9287_b856_2adba4066866["processSrcSet()"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|calls| a40c1352_fbe4_9287_b856_2adba4066866
  f9a13b61_758d_6973_4d25_637ddaa2a22f["url()"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|calls| f9a13b61_758d_6973_4d25_637ddaa2a22f
  195cd9c3_f2f4_e90a_85a2_ca6bf6eb0b86["rewriteCssUrls()"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|calls| 195cd9c3_f2f4_e90a_85a2_ca6bf6eb0b86
  4274dcf6_df8f_0a7e_51d3_aa97fd2b2204["doUrlReplace()"]
  adbeefd5_f002_aded_c354_d39e64e7c473 -->|calls| 4274dcf6_df8f_0a7e_51d3_aa97fd2b2204
  style adbeefd5_f002_aded_c354_d39e64e7c473 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 2101–2119

async function rewriteCssImageSet(
  css: string,
  replacer: CssUrlReplacer,
): Promise<string> {
  return await asyncReplace(css, cssImageSetRE, async (match) => {
    const [, rawUrl] = match
    const url = await processSrcSet(rawUrl, async ({ url }) => {
      // the url maybe url(...)
      if (cssUrlRE.test(url)) {
        return await rewriteCssUrls(url, replacer)
      }
      if (!cssNotProcessedRE.test(url)) {
        return await doUrlReplace(url, url, replacer)
      }
      return url
    })
    return url
  })
}