compile() — tailwindcss Function Reference

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

Function typescript OxideEngine PreProcessors calls 4 called by 2

Entity Profile

OxideEngine→ PreProcessors→ compile() — tailwindcss Function Reference

Dependency Diagram

graph TD
  9c33d37f_aea4_85fa_1eb9_f13429950630["compile()"]
  5af9cd3c_2cf4_9dee_376e_fc39122d865a["index.ts"]
  9c33d37f_aea4_85fa_1eb9_f13429950630 -->|defined in| 5af9cd3c_2cf4_9dee_376e_fc39122d865a
  738de858_6cc3_26b6_5a01_6cf7b6f986aa["run()"]
  738de858_6cc3_26b6_5a01_6cf7b6f986aa -->|calls| 9c33d37f_aea4_85fa_1eb9_f13429950630
  9145d6d8_3bea_1987_00eb_b9dbd7e9cb8d["render()"]
  9145d6d8_3bea_1987_00eb_b9dbd7e9cb8d -->|calls| 9c33d37f_aea4_85fa_1eb9_f13429950630
  b8a15b09_3dfb_7181_b1f8_368422e178e4["parse()"]
  9c33d37f_aea4_85fa_1eb9_f13429950630 -->|calls| b8a15b09_3dfb_7181_b1f8_368422e178e4
  ae5a4f96_ffbe_5d6f_324b_4caa358fe1fb["compileAst()"]
  9c33d37f_aea4_85fa_1eb9_f13429950630 -->|calls| ae5a4f96_ffbe_5d6f_324b_4caa358fe1fb
  2da63033_d079_7b37_5cfb_3877674a70b9["toCss()"]
  9c33d37f_aea4_85fa_1eb9_f13429950630 -->|calls| 2da63033_d079_7b37_5cfb_3877674a70b9
  ce95eae1_6998_4776_5146_d52bb0aefb63["createSourceMap()"]
  9c33d37f_aea4_85fa_1eb9_f13429950630 -->|calls| ce95eae1_6998_4776_5146_d52bb0aefb63
  style 9c33d37f_aea4_85fa_1eb9_f13429950630 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/index.ts lines 819–855

export async function compile(
  css: string,
  opts: CompileOptions = {},
): Promise<{
  sources: { base: string; pattern: string; negated: boolean }[]
  root: Root
  features: Features
  build(candidates: string[]): string
  buildSourceMap(): DecodedSourceMap
}> {
  let ast = CSS.parse(css, { from: opts.from })
  let api = await compileAst(ast, opts)
  let compiledAst = ast
  let compiledCss = css

  return {
    ...api,
    build(newCandidates) {
      let newAst = api.build(newCandidates)

      if (newAst === compiledAst) {
        return compiledCss
      }

      compiledCss = toCss(newAst, !!opts.from)
      compiledAst = newAst

      return compiledCss
    },

    buildSourceMap() {
      return createSourceMap({
        ast: compiledAst,
      })
    },
  }
}