pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — endre lange eigendefinerte property-namn til minimale, sekvensielle identifikatorar.

Token-namn som --instui-component-alert-border-top-style er menneske-leselege, men dyre i minifierte pakker: namnet sjølv er 40+ byte, gjenteke i definisjonen, i kvar var()-kall, og i kvar @property-registrering. Denne pluginen erstattar kvar samsvarande namn — på tvers av definisjonar, var()-referansar, og @property-parametrar — med ein minimal identifikator (--a, --b, …, --aa, …), og reduserer namn-overhead med om lag 90 %.

Namn blir samla frå heile stylesheetet, sorterte alfabetisk for å få ei deterministisk kartlegging, og deretter tildelte sekvensielt. Ei MangleCustomPropsOptions.sharedManifest-opsjon lar fleire separate PostCSS-pass dele ei einsarta kartlegging, slik at CSS-filer prosessert separat som skal lastast saman trygt kan mangleast med dei same namna.

Døme ​

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

Grensesnitt ​

Typealias ​

Variablar ​