Home / Function/ less() — vue Function Reference

less() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 2

Entity Profile

Dependency Diagram

graph TD
  1c045d9f_44f0_6be4_a94f_feabf6167d79["less()"]
  fb2b417f_3c7a_76a9_1506_1f85bf187a87["getSource()"]
  1c045d9f_44f0_6be4_a94f_feabf6167d79 -->|calls| fb2b417f_3c7a_76a9_1506_1f85bf187a87
  bb53260c_b91e_4c53_9052_5970ccb57525["toString()"]
  1c045d9f_44f0_6be4_a94f_feabf6167d79 -->|calls| bb53260c_b91e_4c53_9052_5970ccb57525
  style 1c045d9f_44f0_6be4_a94f_feabf6167d79 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
  }
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does less() do?
less() is a function in the vue codebase.
What does less() call?
less() calls 2 function(s): getSource, toString.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free