preprocess() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ preprocess() — vue Function Reference

Dependency Diagram

graph TD
  7979ff68_e0b7_45fc_5166_33d8f2a3a403["preprocess()"]
  ff52d56b_a346_9a70_961a_c5aca0690626["compileTemplate.ts"]
  7979ff68_e0b7_45fc_5166_33d8f2a3a403 -->|defined in| ff52d56b_a346_9a70_961a_c5aca0690626
  20ac56a9_ab36_2999_6e64_025bb93c03a1["compileTemplate()"]
  20ac56a9_ab36_2999_6e64_025bb93c03a1 -->|calls| 7979ff68_e0b7_45fc_5166_33d8f2a3a403
  style 7979ff68_e0b7_45fc_5166_33d8f2a3a403 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
}