parse() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 4 called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ parse() — vue Function Reference

Dependency Diagram

graph TD
  3c328c48_43e7_b764_1bc5_97a37b54ee62["parse()"]
  c09840ce_bc86_fdc3_93a1_cf7e368a9a93["parse.ts"]
  3c328c48_43e7_b764_1bc5_97a37b54ee62 -->|defined in| c09840ce_bc86_fdc3_93a1_cf7e368a9a93
  4a75bafa_652f_5162_1223_d8e28410f671["generateSourceMap()"]
  4a75bafa_652f_5162_1223_d8e28410f671 -->|calls| 3c328c48_43e7_b764_1bc5_97a37b54ee62
  4fedf5e2_2642_82d1_7b8c_20a3078d10a3["parseComponent()"]
  3c328c48_43e7_b764_1bc5_97a37b54ee62 -->|calls| 4fedf5e2_2642_82d1_7b8c_20a3078d10a3
  e9d55bf3_a525_60d3_e948_546c1b25721c["parseCssVars()"]
  3c328c48_43e7_b764_1bc5_97a37b54ee62 -->|calls| e9d55bf3_a525_60d3_e948_546c1b25721c
  77a507e4_1c27_8178_ab4a_e01ee29e1b0d["hmrShouldReload()"]
  3c328c48_43e7_b764_1bc5_97a37b54ee62 -->|calls| 77a507e4_1c27_8178_ab4a_e01ee29e1b0d
  4a75bafa_652f_5162_1223_d8e28410f671["generateSourceMap()"]
  3c328c48_43e7_b764_1bc5_97a37b54ee62 -->|calls| 4a75bafa_652f_5162_1223_d8e28410f671
  style 3c328c48_43e7_b764_1bc5_97a37b54ee62 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/parse.ts lines 33–95

export function parse(options: SFCParseOptions): SFCDescriptor {
  const {
    source,
    filename = DEFAULT_FILENAME,
    compiler,
    compilerParseOptions = { pad: false } as VueTemplateCompilerParseOptions,
    sourceRoot = '',
    needMap = true,
    sourceMap = needMap
  } = options
  const cacheKey = hash(
    filename + source + JSON.stringify(compilerParseOptions)
  )

  let output = cache.get(cacheKey)
  if (output) {
    return output
  }

  if (compiler) {
    // user-provided compiler
    output = compiler.parseComponent(source, compilerParseOptions)
  } else {
    // use built-in compiler
    output = parseComponent(source, compilerParseOptions)
  }

  output.filename = filename

  // parse CSS vars
  output.cssVars = parseCssVars(output)

  output.shouldForceReload = prevImports =>
    hmrShouldReload(prevImports, output!)

  if (sourceMap) {
    if (output.script && !output.script.src) {
      output.script.map = generateSourceMap(
        filename,
        source,
        output.script.content,
        sourceRoot,
        compilerParseOptions.pad
      )
    }
    if (output.styles) {
      output.styles.forEach(style => {
        if (!style.src) {
          style.map = generateSourceMap(
            filename,
            source,
            style.content,
            sourceRoot,
            compilerParseOptions.pad
          )
        }
      })
    }
  }

  cache.set(cacheKey, output)
  return output
}