loadSassPackage() — vite Function Reference

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

Function typescript PluginSystem AssetManagement calls 1 called by 1

Entity Profile

PluginSystem→ AssetManagement→ loadSassPackage() — vite Function Reference

Dependency Diagram

graph TD
  a4066f3a_4f19_8edd_3fb6_20980be68a48["loadSassPackage()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  a4066f3a_4f19_8edd_3fb6_20980be68a48 -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  0a163673_dac2_220c_2b8a_a489f9a38632["scssProcessor()"]
  0a163673_dac2_220c_2b8a_a489f9a38632 -->|calls| a4066f3a_4f19_8edd_3fb6_20980be68a48
  ee6b4ebe_4e17_548c_a8a5_aafc4db9c675["loadPreprocessorPath()"]
  a4066f3a_4f19_8edd_3fb6_20980be68a48 -->|calls| ee6b4ebe_4e17_548c_a8a5_aafc4db9c675
  style a4066f3a_4f19_8edd_3fb6_20980be68a48 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 2427–2452

function loadSassPackage(
  root: string,
  skipEmbedded = false,
): {
  name: 'sass' | 'sass-embedded'
  path: string
} {
  // try sass-embedded before sass, unless skipEmbedded is true
  if (!skipEmbedded) {
    try {
      const path = loadPreprocessorPath('sass-embedded', root)
      return { name: 'sass-embedded', path }
    } catch (e1) {
      try {
        const path = loadPreprocessorPath(PreprocessLang.sass, root)
        return { name: 'sass', path }
      } catch {
        throw e1
      }
    }
  }

  // skip sass-embedded and try sass directly
  const path = loadPreprocessorPath(PreprocessLang.sass, root)
  return { name: 'sass', path }
}