Skip to content

pantoken / mangle-custom-props

mangle-custom-props

Beta

@pantoken/plugin-mangle-custom-props — preimenuje dolga imena prilagojenih lastnosti v minimalne zaporedne identifikatorje.

Imena tokenov, kot je --instui-component-alert-border-top-style, so berljiva za ljudi, vendar draga v predelanih paketih: samo ime zavzame 40+ bajtov, se ponovi v definiciji, pri vsakem klicu var(), in pri vsaki registraciji @property. Ta vtičnik zamenja vsako ujemajoče se ime — v definicijah, var() referencah in @property parametrih — z minimalnim identifikatorjem (--a, --b, …, --aa, …), s čimer zmanjša režijske stroške imen za približno 90%.

Imena se zberejo iz celotnega sloga, urejajo abecedno za determinističen preslikovalni rezultat in nato pripišejo zaporedno. Možnost MangleCustomPropsOptions.sharedManifest omogoča, da več ločenih PostCSS prehodov uporablja enoten dosleden preslikovalnik, tako da je možno varno zmenjati imena v ločeno predelanih CSS datotekah, ki bodo naložene skupaj.

Primer

ts
import postcss from "postcss";
import { mangleCustomProps } from "@pantoken/plugin-mangle-custom-props";
const out = postcss([mangleCustomProps()]).process(css, { from: undefined }).css;

Vmesniki

Alias tipi

Spremenljivke