styl() — vue Function Reference

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

Function typescript SfcCompiler ScriptCompiler

Entity Profile

SfcCompiler→ ScriptCompiler→ styl() — vue Function Reference

Dependency Diagram

graph TD
  96e51a2c_c411_ac8a_9552_58e4a2656ed1["styl()"]
  ba46daf5_ee23_b1e3_6003_bd7f1eb01c21["stylePreprocessors.ts"]
  96e51a2c_c411_ac8a_9552_58e4a2656ed1 -->|defined in| ba46daf5_ee23_b1e3_6003_bd7f1eb01c21
  style 96e51a2c_c411_ac8a_9552_58e4a2656ed1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/stylePreprocessors.ts lines 91–113

const styl: StylePreprocessor = (source, map, options) => {
  const nodeStylus = require('stylus')
  try {
    const ref = nodeStylus(source)
    Object.keys(options).forEach(key => ref.set(key, options[key]))
    if (map) ref.set('sourcemap', { inline: false, comment: false })

    const result = ref.render()
    const dependencies = ref.deps()
    if (map) {
      return {
        code: result,
        map: merge(map, ref.sourcemap),
        errors: [],
        dependencies
      }
    }

    return { code: result, errors: [], dependencies }
  } catch (e: any) {
    return { code: '', errors: [e], dependencies: [] }
  }
}