pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — omdøp lange egendefinerte egenskapsnavn til minimale, sekvensielle identifikatorer.

Token-navn som --instui-component-alert-border-top-style er menneskelesbare, men dyre i minifiserte bundler: selve navnet er 40+ byte, gjentatt i definisjonen, i hver var()-kall, og i hver @property-registrering. Denne pluginen erstatter hvert matchende navn — på tvers av definisjoner, var()-referanser og @property-parametre — med en minimal identifikator (--a, --b, …, --aa, …), og reduserer navnoverhead med ~90 %.

Navn samles inn fra hele stylesheetet, sorteres alfabetisk for en deterministisk mapping, og tildeles deretter sekvensielt. En MangleCustomPropsOptions.sharedManifest-opsjon lar flere separate PostCSS-passer dele én konsistent mapping, slik at separat prosesserte CSS-filer som skal lastes sammen trygt kan manglees med de samme navnene.

Eksempel ​

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

Grensesnitt ​

Typealiaser ​

Variabler ​