pantoken / prune-custom-props

prune-custom-props ​

Bèta

@pantoken/plugin-prune-custom-props — verwijdert ongebruikte custom properties uit een samengestelde stylesheet.

pantoken's @pantoken/css geeft de volledige --instui-* tokenset uit (≈1.800 icon data-URI's inbegrepen). Een renderer die op die laag voortbouwt maar slechts een deel van het systeem stijlt zou anders de gehele set meeleveren — dus elke dergelijke renderer wil dit. Vertrekkend vanaf de var() verwijzingen in echte (niet-custom-property) declaraties, houdt het transitief alleen de custom properties die daadwerkelijk bereikbaar zijn, en laat de overeenkomende ongebruikte @property-registraties vallen.

Het is een zelfstandige PostCSS-plugin (voer het uit in je eigen PostCSS-pijplijn). De factory retourneert een gewoon plugin-object, dus het importeren van deze module trekt geen runtime-afhankelijkheid binnen — postcss is alleen een type.

Voorbeeld ​

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

Variabelen ​

Referenties ​

default ​

Hernoemt en exporteert opnieuw pruneCustomProps