pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — byt namn på långa anpassade egenskapsnamn till minimala sekventiella identifierare.

Token-namn som --instui-component-alert-border-top-style är lättlästa för människor men dyra i minifierade bundlar: själva namnet är 40+ bytes och förekommer i definitionen, vid varje var()-anrop, och vid varje @property-registrering. Denna plugin ersätter varje matchande namn — i definitioner, var()-referenser och @property-parametrar — med en minimal identifierare (--a, --b, …, --aa, …), vilket minskar namn-överhead med ~90%.

Namnen samlas in från hela stylesheeten, sorteras alfabetiskt för en deterministisk mappning, och tilldelas därefter sekventiellt. Ett MangleCustomPropsOptions.sharedManifest-alternativ låter flera separata PostCSS-pass dela en konsekvent mappning, så att separata CSS-filer som kommer laddas tillsammans säkert kan mangle:as med samma namn.

Exempel ​

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

Gränssnitt ​

Typalias ​

Variabler ​