build() — tailwindcss Function Reference

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

Function typescript OxideEngine Scanner calls 2 called by 1

Entity Profile

OxideEngine→ Scanner→ build() — tailwindcss Function Reference

Dependency Diagram

graph TD
  5da45812_7762_98c3_deaa_72afee88ec32["build()"]
  d3ff87a1_ef49_dab7_2e4d_39270282fbd2["index.ts"]
  5da45812_7762_98c3_deaa_72afee88ec32 -->|defined in| d3ff87a1_ef49_dab7_2e4d_39270282fbd2
  7f171710_9b1b_41c0_3b52_f28ad8b73b9b["rebuild()"]
  7f171710_9b1b_41c0_3b52_f28ad8b73b9b -->|calls| 5da45812_7762_98c3_deaa_72afee88ec32
  cf422f78_6ab4_fb1c_ff00_0ad0b93b5386["start()"]
  5da45812_7762_98c3_deaa_72afee88ec32 -->|calls| cf422f78_6ab4_fb1c_ff00_0ad0b93b5386
  ca962c6e_e07f_61c5_168b_1f3b845c1371["end()"]
  5da45812_7762_98c3_deaa_72afee88ec32 -->|calls| ca962c6e_e07f_61c5_168b_1f3b845c1371
  style 5da45812_7762_98c3_deaa_72afee88ec32 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`)
}