transformSugarSS() — vite Function Reference

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

Function typescript PluginSystem LegacySupport calls 2 called by 2

Entity Profile

PluginSystem→ LegacySupport→ transformSugarSS() — vite Function Reference

Dependency Diagram

graph TD
  8a5344e1_7e0d_70d0_9c51_6a40c301277b["transformSugarSS()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  8a5344e1_7e0d_70d0_9c51_6a40c301277b -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  c641d137_b4cd_833f_0387_7d29ec90fde1["compileCSS()"]
  c641d137_b4cd_833f_0387_7d29ec90fde1 -->|calls| 8a5344e1_7e0d_70d0_9c51_6a40c301277b
  cc40a51d_2143_be43_f128_4841bfa5e9d3["compileLightningCSS()"]
  cc40a51d_2143_be43_f128_4841bfa5e9d3 -->|calls| 8a5344e1_7e0d_70d0_9c51_6a40c301277b
  751b79e8_9d2f_8cb9_88a2_dc2d6f7ccc09["loadSss()"]
  8a5344e1_7e0d_70d0_9c51_6a40c301277b -->|calls| 751b79e8_9d2f_8cb9_88a2_dc2d6f7ccc09
  bfb7f285_fb76_2283_e68f_d806d799034d["runPostCSS()"]
  8a5344e1_7e0d_70d0_9c51_6a40c301277b -->|calls| bfb7f285_fb76_2283_e68f_d806d799034d
  style 8a5344e1_7e0d_70d0_9c51_6a40c301277b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 1666–1685

async function transformSugarSS(
  environment: PartialEnvironment,
  id: string,
  code: string,
) {
  const { config } = environment
  const { devSourcemap } = config.css

  const sssParser = await loadSss(config.root)
  const result = await runPostCSS(
    id,
    code,
    [],
    { parser: sssParser },
    undefined,
    environment.logger,
    devSourcemap,
  )
  return result
}