preprocess() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ preprocess() — vue Function Reference

Dependency Diagram

graph TD
  04041da2_97f4_8581_022c_73fa4742c0e5["preprocess()"]
  52a95ded_49d4_83b0_3ea8_32248f954e2b["compileTemplate()"]
  52a95ded_49d4_83b0_3ea8_32248f954e2b -->|calls| 04041da2_97f4_8581_022c_73fa4742c0e5
  style 04041da2_97f4_8581_022c_73fa4742c0e5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/compileTemplate.ts lines 66–95

function preprocess(
  options: SFCTemplateCompileOptions,
  preprocessor: any
): string {
  const { source, filename, preprocessOptions } = options

  const finalPreprocessOptions = Object.assign(
    {
      filename
    },
    preprocessOptions
  )

  // Consolidate exposes a callback based API, but the callback is in fact
  // called synchronously for most templating engines. In our case, we have to
  // expose a synchronous API so that it is usable in Jest transforms (which
  // have to be sync because they are applied via Node.js require hooks)
  let res: any, err
  preprocessor.render(
    source,
    finalPreprocessOptions,
    (_err: Error | null, _res: string) => {
      if (_err) err = _err
      res = _res
    }
  )

  if (err) throw err
  return res
}