createCompiler() — vue Function Reference

Architecture documentation for the createCompiler() function in index.ts from the vue codebase.

Function typescript CompilerSFC StyleProcessor calls 4

Entity Profile

CompilerSFC→ StyleProcessor→ createCompiler() — vue Function Reference

Dependency Diagram

graph TD
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79["createCompiler()"]
  444dc0ac_813b_2552_2920_d8cccb96280b["index.ts"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|defined in| 444dc0ac_813b_2552_2920_d8cccb96280b
  c7a1febd_7d58_451c_87de_b5e62d13ec87["createCompilerCreator()"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|calls| c7a1febd_7d58_451c_87de_b5e62d13ec87
  e259ff52_42a6_4f54_59b8_e6bf86822027["parse()"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|calls| e259ff52_42a6_4f54_59b8_e6bf86822027
  8f748a9a_ff71_2969_6535_4a7b190ab72e["optimize()"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|calls| 8f748a9a_ff71_2969_6535_4a7b190ab72e
  f7d4da5f_5adf_1545_aed3_f44e030efac4["generate()"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|calls| f7d4da5f_5adf_1545_aed3_f44e030efac4
  style ce8f29ab_2e8d_1891_6184_d7dbc32fae79 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/index.ts lines 10–24

export const createCompiler = createCompilerCreator(function baseCompile(
  template: string,
  options: CompilerOptions
): CompiledResult {
  const ast = parse(template.trim(), options)
  if (options.optimize !== false) {
    optimize(ast, options)
  }
  const code = generate(ast, options)
  return {
    ast,
    render: code.render,
    staticRenderFns: code.staticRenderFns
  }
})