build() — tailwindcss Function Reference

Architecture documentation for the build() function in index.ts from the tailwindcss codebase.

Function typescript RustCore PreProcessors calls 2 called by 1

Entity Profile

RustCore→ PreProcessors→ build() — tailwindcss Function Reference

Dependency Diagram

graph TD
  fa86a62d_e0b1_1c2a_8359_a4ff6a6ab55a["build()"]
  bd384a93_4375_9e58_14d8_c32d19d5fc44["rebuild()"]
  bd384a93_4375_9e58_14d8_c32d19d5fc44 -->|calls| fa86a62d_e0b1_1c2a_8359_a4ff6a6ab55a
  f7c4598e_5890_20a6_b6f1_e2f970784e25["start()"]
  fa86a62d_e0b1_1c2a_8359_a4ff6a6ab55a -->|calls| f7c4598e_5890_20a6_b6f1_e2f970784e25
  f286d664_f8f7_6e0c_5782_e9d6569768d9["end()"]
  fa86a62d_e0b1_1c2a_8359_a4ff6a6ab55a -->|calls| f286d664_f8f7_6e0c_5782_e9d6569768d9
  style fa86a62d_e0b1_1c2a_8359_a4ff6a6ab55a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-browser/src/index.ts lines 177–206

async function build(kind: 'full' | 'incremental') {
  if (!compiler) return

  // 1. Refresh the known list of classes
  let newClasses = new Set<string>()

  I.start(`Collect classes`)

  for (let element of document.querySelectorAll('[class]')) {
    for (let c of element.classList) {
      if (classes.has(c)) continue

      classes.add(c)
      newClasses.add(c)
    }
  }

  I.end(`Collect classes`, {
    count: newClasses.size,
  })

  if (newClasses.size === 0 && kind === 'incremental') return

  // 2. Compile the CSS
  I.start(`Build utilities`)

  sheet.textContent = compiler.build(Array.from(newClasses))

  I.end(`Build utilities`)
}