compileTemplate() — vue Function Reference

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

Function typescript SfcCompiler ScriptCompiler calls 2

Entity Profile

SfcCompiler→ ScriptCompiler→ compileTemplate() — vue Function Reference

Dependency Diagram

graph TD
  795ab079_4dc2_c8c2_2823_264abd630fbc["compileTemplate()"]
  b824bd73_da14_5076_9939_3d47171265ea["compileTemplate.ts"]
  795ab079_4dc2_c8c2_2823_264abd630fbc -->|defined in| b824bd73_da14_5076_9939_3d47171265ea
  ec948229_cae8_141c_0df4_eb2f1503ddda["actuallyCompile()"]
  795ab079_4dc2_c8c2_2823_264abd630fbc -->|calls| ec948229_cae8_141c_0df4_eb2f1503ddda
  dc1988e8_1a5f_087d_975c_0b61e072267f["preprocess()"]
  795ab079_4dc2_c8c2_2823_264abd630fbc -->|calls| dc1988e8_1a5f_087d_975c_0b61e072267f
  style 795ab079_4dc2_c8c2_2823_264abd630fbc 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)
  }
}