pantoken / prune-custom-props

prune-custom-props ​

Beta

@pantoken/plugin-prune-custom-props — esegue il tree-shaking delle proprietà personalizzate inutilizzate da un foglio di stile composto.

Il @pantoken/css di pantoken emette l'intero set di token --instui-* (≈1.800 data-URI per icone incluse). Un renderer che si basa su quello strato ma stila solo una porzione del sistema altrimenti spedirebbe l'intero insieme — perciò qualsiasi renderer del genere lo desidera. Partendo dai riferimenti var() nelle dichiarazioni reali (non basate su custom property), mantiene transittivamente solo le custom properties effettivamente raggiungibili e rimuove le registrazioni corrispondenti di @property non usate.

È un plugin PostCSS standalone (eseguilo nella tua pipeline PostCSS). La factory restituisce un oggetto plugin semplice, quindi importare questo modulo non comporta dipendenze a runtime — postcss è solo un tipo.

Esempio ​

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

Variabili ​

Riferimenti ​

default ​

Rinomina e riesporta pruneCustomProps