vue Architecture Docs
Home / File/ compileStyle.spec.ts — vue Source File

compileStyle.spec.ts — vue Source File

Architecture documentation for compileStyle.spec.ts, a typescript file in the vue codebase. 5 imports, 0 dependents.

File typescript CompilerSFC 5 imports

Entity Profile

Dependency Diagram

graph LR
  ad705827_ad79_3a60_bd61_00de69474f94["compileStyle.spec.ts"]
  c09840ce_bc86_fdc3_93a1_cf7e368a9a93["parse.ts"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> c09840ce_bc86_fdc3_93a1_cf7e368a9a93
  3c328c48_43e7_b764_1bc5_97a37b54ee62["parse"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> 3c328c48_43e7_b764_1bc5_97a37b54ee62
  028e31ce_07f6_d5b2_134a_c0b5bb64823a["compileStyle.ts"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> 028e31ce_07f6_d5b2_134a_c0b5bb64823a
  2c0be114_caf8_7ca4_a58d_5d1e7fc8c767["compileStyle"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> 2c0be114_caf8_7ca4_a58d_5d1e7fc8c767
  4f05dc7f_bf18_8e4a_32ed_3fbb6cd4d8e2["compileStyleAsync"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> 4f05dc7f_bf18_8e4a_32ed_3fbb6cd4d8e2
  style ad705827_ad79_3a60_bd61_00de69474f94 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { parse } from '../src/parse'
import { compileStyle, compileStyleAsync } from '../src/compileStyle'

test('preprocess less', () => {
  const style = parse({
    source:
      '<style lang="less">\n' +
      '@red: rgb(255, 0, 0);\n' +
      '.color { color: @red; }\n' +
      '</style>\n',
    filename: 'example.vue',
    sourceMap: true
  }).styles[0]

  const result = compileStyle({
    id: 'v-scope-xxx',
    filename: 'example.vue',
    source: style.content,
    map: style.map,
    scoped: false,
    preprocessLang: style.lang
  })

  expect(result.errors.length).toBe(0)
  expect(result.code).toEqual(expect.stringContaining('color: #ff0000;'))
  expect(result.map).toBeTruthy()
})

test('preprocess scss', () => {
  const style = parse({
    source:
      '<style lang="scss">\n' +
      '$red: red;\n' +
      '.color { color: $red; }\n' +
      '</style>\n',
    filename: 'example.vue',
    sourceMap: true
  }).styles[0]
  const result = compileStyle({
    id: 'v-scope-xxx',
    filename: 'example.vue',
    source: style.content,
    map: style.map,
    scoped: false,
    preprocessLang: style.lang
  })

  expect(result.errors.length).toBe(0)
  expect(result.code).toMatch('color: red;')
  expect(result.map).toBeTruthy()
})

test('preprocess sass', () => {
  const style = parse({
    source:
      '<style lang="sass">\n' +
      '$red: red\n' +
      '.color\n' +
      '   color: $red\n' +
      '</style>\n',
// ... (144 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does compileStyle.spec.ts do?
compileStyle.spec.ts is a source file in the vue codebase, written in typescript. It belongs to the CompilerSFC domain.
What does compileStyle.spec.ts depend on?
compileStyle.spec.ts imports 5 module(s): compileStyle, compileStyle.ts, compileStyleAsync, parse, parse.ts.
Where is compileStyle.spec.ts in the architecture?
compileStyle.spec.ts is located at packages/compiler-sfc/test/compileStyle.spec.ts (domain: CompilerSFC, directory: packages/compiler-sfc/test).

Analyze Your Own Codebase

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

Try Supermodel Free