trimPlugin() — vue Function Reference

Architecture documentation for the trimPlugin() function in trim.ts from the vue codebase.

Function typescript CompilerSFC ScriptCompiler called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ trimPlugin() — vue Function Reference

Dependency Diagram

graph TD
  2413dbd2_e589_3f9d_fec1_18640a3f40f0["trimPlugin()"]
  8a7120c7_ffca_260b_06e7_d97501f34abf["doCompileStyle()"]
  8a7120c7_ffca_260b_06e7_d97501f34abf -->|calls| 2413dbd2_e589_3f9d_fec1_18640a3f40f0
  style 2413dbd2_e589_3f9d_fec1_18640a3f40f0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/stylePlugins/trim.ts lines 3–15

const trimPlugin: PluginCreator<{}> = () => {
  return {
    postcssPlugin: 'vue-sfc-trim',
    Once(root) {
      root.walk(({ type, raws }) => {
        if (type === 'rule' || type === 'atrule') {
          if (raws.before) raws.before = '\n'
          if ('after' in raws && raws.after) raws.after = '\n'
        }
      })
    }
  }
}