less() — vue Function Reference

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

Function typescript SfcCompiler ScriptCompiler calls 1

Entity Profile

SfcCompiler→ ScriptCompiler→ less() — vue Function Reference

Dependency Diagram

graph TD
  64a9c7fd_734d_cae2_81b6_f165ffc3ee16["less()"]
  ba46daf5_ee23_b1e3_6003_bd7f1eb01c21["stylePreprocessors.ts"]
  64a9c7fd_734d_cae2_81b6_f165ffc3ee16 -->|defined in| ba46daf5_ee23_b1e3_6003_bd7f1eb01c21
  cb2cd8b2_72ca_3a6e_f406_51f46fe0a38a["getSource()"]
  64a9c7fd_734d_cae2_81b6_f165ffc3ee16 -->|calls| cb2cd8b2_72ca_3a6e_f406_51f46fe0a38a
  style 64a9c7fd_734d_cae2_81b6_f165ffc3ee16 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/stylePreprocessors.ts lines 58–88

const less: StylePreprocessor = (source, map, options) => {
  const nodeLess = require('less')

  let result: any
  let error: Error | null = null
  nodeLess.render(
    getSource(source, options.filename, options.additionalData),
    { ...options, syncImport: true },
    (err: Error | null, output: any) => {
      error = err
      result = output
    }
  )

  if (error) return { code: '', errors: [error], dependencies: [] }
  const dependencies = result.imports
  if (map) {
    return {
      code: result.css.toString(),
      map: merge(map, result.map),
      errors: [],
      dependencies: dependencies
    }
  }

  return {
    code: result.css.toString(),
    errors: [],
    dependencies: dependencies
  }
}