resolveCSSOptions() — vite Function Reference

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

Function typescript PluginSystem AssetManagement calls 2 called by 1

Entity Profile

PluginSystem→ AssetManagement→ resolveCSSOptions() — vite Function Reference

Dependency Diagram

graph TD
  cde5b538_80f6_3ed1_2a73_36671c5fbdd6["resolveCSSOptions()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  cde5b538_80f6_3ed1_2a73_36671c5fbdd6 -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  58c4a210_68fe_1b4d_ed49_d59203f97ef1["resolveConfig()"]
  58c4a210_68fe_1b4d_ed49_d59203f97ef1 -->|calls| cde5b538_80f6_3ed1_2a73_36671c5fbdd6
  50c942bf_5ddd_ac2c_f4f6_571d569b7215["mergeWithDefaults()"]
  cde5b538_80f6_3ed1_2a73_36671c5fbdd6 -->|calls| 50c942bf_5ddd_ac2c_f4f6_571d569b7215
  6648f04f_fbaf_b4c1_7ca5_d07266e9650c["convertTargets()"]
  cde5b538_80f6_3ed1_2a73_36671c5fbdd6 -->|calls| 6648f04f_fbaf_b4c1_7ca5_d07266e9650c
  style cde5b538_80f6_3ed1_2a73_36671c5fbdd6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 214–225

export function resolveCSSOptions(
  options: CSSOptions | undefined,
): ResolvedCSSOptions {
  const resolved = mergeWithDefaults(_cssConfigDefaults, options ?? {})
  if (resolved.transformer === 'lightningcss') {
    resolved.lightningcss ??= {}
    resolved.lightningcss.targets ??= convertTargets(
      ESBUILD_BASELINE_WIDELY_AVAILABLE_TARGET,
    )
  }
  return resolved
}