compileTemplate() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer calls 2

Entity Profile

CompilerSFC→ TemplateTransformer→ compileTemplate() — vue Function Reference

Dependency Diagram

graph TD
  20ac56a9_ab36_2999_6e64_025bb93c03a1["compileTemplate()"]
  ff52d56b_a346_9a70_961a_c5aca0690626["compileTemplate.ts"]
  20ac56a9_ab36_2999_6e64_025bb93c03a1 -->|defined in| ff52d56b_a346_9a70_961a_c5aca0690626
  d0674cfc_3db7_1770_6611_e035dd09e78e["actuallyCompile()"]
  20ac56a9_ab36_2999_6e64_025bb93c03a1 -->|calls| d0674cfc_3db7_1770_6611_e035dd09e78e
  7979ff68_e0b7_45fc_5166_33d8f2a3a403["preprocess()"]
  20ac56a9_ab36_2999_6e64_025bb93c03a1 -->|calls| 7979ff68_e0b7_45fc_5166_33d8f2a3a403
  style 20ac56a9_ab36_2999_6e64_025bb93c03a1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/compileTemplate.ts lines 38–64

export function compileTemplate(
  options: SFCTemplateCompileOptions
): SFCTemplateCompileResults {
  const { preprocessLang } = options
  const preprocessor = preprocessLang && consolidate[preprocessLang]
  if (preprocessor) {
    return actuallyCompile(
      Object.assign({}, options, {
        source: preprocess(options, preprocessor)
      })
    )
  } else if (preprocessLang) {
    return {
      ast: {},
      code: `var render = function () {}\n` + `var staticRenderFns = []\n`,
      source: options.source,
      tips: [
        `Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`
      ],
      errors: [
        `Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`
      ]
    }
  } else {
    return actuallyCompile(options)
  }
}