doImportCSSReplace() — vite Function Reference

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

Function typescript PluginSystem LegacySupport calls 2 called by 1

Entity Profile

PluginSystem→ LegacySupport→ doImportCSSReplace() — vite Function Reference

Dependency Diagram

graph TD
  9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c["doImportCSSReplace()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  69e125ed_1a35_31cd_bd1a_2fa751979fbd["rewriteImportCss()"]
  69e125ed_1a35_31cd_bd1a_2fa751979fbd -->|calls| 9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c
  bafacb32_492f_c34a_cdad_d01b78d6a2b3["skipUrlReplacer()"]
  9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c -->|calls| bafacb32_492f_c34a_cdad_d01b78d6a2b3
  f9a13b61_758d_6973_4d25_637ddaa2a22f["url()"]
  9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c -->|calls| f9a13b61_758d_6973_4d25_637ddaa2a22f
  style 9272cf1f_ddcb_b7c6_ed36_3afd198d0f9c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 2172–2195

async function doImportCSSReplace(
  rawUrl: string,
  matched: string,
  replacer: CssUrlReplacer,
) {
  let wrap = ''
  const first = rawUrl[0]
  let unquotedUrl = rawUrl
  if (first === `"` || first === `'`) {
    wrap = first
    unquotedUrl = rawUrl.slice(1, -1)
  }
  if (skipUrlReplacer(unquotedUrl)) {
    return matched
  }

  const newUrl = await replacer(unquotedUrl, rawUrl)
  if (newUrl === false) {
    return matched
  }

  const prefix = matched.includes('url(') ? 'url(' : ''
  return `@import ${prefix}${wrap}${newUrl}${wrap}`
}