pantoken / mangle-custom-props

mangle-custom-props ​

Bèta

@pantoken/plugin-mangle-custom-props — hernoem lange aangepaste eigenschapsnamen naar minimale opeenvolgende identificatoren.

Token-namen zoals --instui-component-alert-border-top-style zijn voor mensen leesbaar maar duur in gecomprimeerde bundels: de naam zelf is 40+ bytes, herhaald in de definitie, bij elke var()-aanroep, en bij elke @property-registratie. Deze plugin vervangt iedere overeenkomende naam — over definities, var()-referenties en @property-parameters — door een minimale identifier (--a, --b, …, --aa, …), waardoor de naam-overhead met ongeveer 90% wordt verminderd.

Namen worden verzameld uit de volledige stylesheet, alfabetisch gesorteerd voor een deterministische mapping, en vervolgens sequentieel toegewezen. Een MangleCustomPropsOptions.sharedManifest optie laat meerdere losse PostCSS-passes één consistente mapping delen, zodat apart verwerkte CSS-bestanden die samen geladen worden veilig met dezelfde namen verminkt kunnen worden.

Voorbeeld ​

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

Interfaces ​

Type-aliases ​

Variabelen ​