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

compileStyle.ts — vue Source File

Architecture documentation for compileStyle.ts, a typescript file in the vue codebase. 11 imports, 2 dependents.

File typescript CompilerSFC StyleProcessor 11 imports 2 dependents 4 functions

Entity Profile

Dependency Diagram

graph LR
  028e31ce_07f6_d5b2_134a_c0b5bb64823a["compileStyle.ts"]
  729601ff_0b63_2dea_6a2e_49e6f36c2012["trim.ts"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 729601ff_0b63_2dea_6a2e_49e6f36c2012
  e216ffaf_0c42_60ac_d6c1_19f7df757f23["trimPlugin"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> e216ffaf_0c42_60ac_d6c1_19f7df757f23
  293256a5_d9c5_362a_dbb7_f610cfee392e["scoped.ts"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 293256a5_d9c5_362a_dbb7_f610cfee392e
  10a8720e_d85f_e74e_ebd7_52d351d7789b["scopedPlugin"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 10a8720e_d85f_e74e_ebd7_52d351d7789b
  496757ba_5cd7_a57b_2bda_c9d4086a452e["stylePreprocessors.ts"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 496757ba_5cd7_a57b_2bda_c9d4086a452e
  9cec3fb4_dd5d_a2a3_b4ca_c88c074fe057["StylePreprocessor"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 9cec3fb4_dd5d_a2a3_b4ca_c88c074fe057
  2ef3557a_7b34_ef6b_7c2b_7ab09973a976["StylePreprocessorResults"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 2ef3557a_7b34_ef6b_7c2b_7ab09973a976
  8dc32edb_4467_857f_e276_7647a97cbc3c["StylePreprocessorResults"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 8dc32edb_4467_857f_e276_7647a97cbc3c
  b08241c7_738d_9e08_b885_fad82facd4f3["cssVars.ts"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> b08241c7_738d_9e08_b885_fad82facd4f3
  fb6267c8_5229_7c63_13f5_a76775258149["cssVarsPlugin"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> fb6267c8_5229_7c63_13f5_a76775258149
  9f3f8004_6300_56b9_1cab_b3f6b495be1c["postcss"]
  028e31ce_07f6_d5b2_134a_c0b5bb64823a --> 9f3f8004_6300_56b9_1cab_b3f6b495be1c
  ad705827_ad79_3a60_bd61_00de69474f94["compileStyle.spec.ts"]
  ad705827_ad79_3a60_bd61_00de69474f94 --> 028e31ce_07f6_d5b2_134a_c0b5bb64823a
  20bec01b_666d_9c53_1485_42bc36817fa0["stylePluginScoped.spec.ts"]
  20bec01b_666d_9c53_1485_42bc36817fa0 --> 028e31ce_07f6_d5b2_134a_c0b5bb64823a
  style 028e31ce_07f6_d5b2_134a_c0b5bb64823a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

const postcss = require('postcss')
import { ProcessOptions, LazyResult } from 'postcss'
import trimPlugin from './stylePlugins/trim'
import scopedPlugin from './stylePlugins/scoped'
import {
  processors,
  StylePreprocessor,
  StylePreprocessorResults
} from './stylePreprocessors'
import { cssVarsPlugin } from './cssVars'

export interface SFCStyleCompileOptions {
  source: string
  filename: string
  id: string
  map?: any
  scoped?: boolean
  trim?: boolean
  preprocessLang?: string
  preprocessOptions?: any
  postcssOptions?: any
  postcssPlugins?: any[]
  isProd?: boolean
}

export interface SFCAsyncStyleCompileOptions extends SFCStyleCompileOptions {
  isAsync?: boolean
}

export interface SFCStyleCompileResults {
  code: string
  map: any | void
  rawResult: LazyResult | void
  errors: string[]
}

export function compileStyle(
  options: SFCStyleCompileOptions
): SFCStyleCompileResults {
  return doCompileStyle({ ...options, isAsync: false })
}

export function compileStyleAsync(
  options: SFCStyleCompileOptions
): Promise<SFCStyleCompileResults> {
  return Promise.resolve(doCompileStyle({ ...options, isAsync: true }))
}

export function doCompileStyle(
  options: SFCAsyncStyleCompileOptions
): SFCStyleCompileResults {
  const {
    filename,
    id,
    scoped = true,
    trim = true,
    isProd = false,
    preprocessLang,
    postcssOptions,
    postcssPlugins
// ... (88 more lines)

Domain

Subdomains

Functions

Types

Dependencies

Imported By

Source

Frequently Asked Questions

What does compileStyle.ts do?
compileStyle.ts is a source file in the vue codebase, written in typescript. It belongs to the CompilerSFC domain, StyleProcessor subdomain.
What functions are defined in compileStyle.ts?
compileStyle.ts defines 4 function(s): compileStyle, compileStyleAsync, doCompileStyle, preprocess.
What does compileStyle.ts depend on?
compileStyle.ts imports 11 module(s): StylePreprocessor, StylePreprocessorResults, StylePreprocessorResults, cssVars.ts, cssVarsPlugin, postcss, scoped.ts, scopedPlugin, and 3 more.
What files import compileStyle.ts?
compileStyle.ts is imported by 2 file(s): compileStyle.spec.ts, stylePluginScoped.spec.ts.
Where is compileStyle.ts in the architecture?
compileStyle.ts is located at packages/compiler-sfc/src/compileStyle.ts (domain: CompilerSFC, subdomain: StyleProcessor, directory: packages/compiler-sfc/src).

Analyze Your Own Codebase

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

Try Supermodel Free