pantoken / prune-custom-props

prune-custom-props ​

Beta

@pantoken/plugin-prune-custom-props — usuwa (tree-shake) nieużywane właściwości niestandardowe ze złożonego arkusza stylów.

pantoken's @pantoken/css emituje cały zestaw tokenów --instui-* (≈1 800 ikon jako data-URI w zestawie). Renderer budujący się na tej warstwie, który styluje jedynie wycinek systemu, w przeciwnym razie wysyłałby cały zestaw — więc każdy taki renderer tego potrzebuje. Bazując na odwołaniach var() w rzeczywistych (nie opartych na custom-property) deklaracjach, zachowuje transitywnie tylko te właściwości niestandardowe, które są faktycznie osiągalne, i usuwa odpowiadające im nieużywane rejestracje @property.

To samodzielny plugin PostCSS (uruchamiaj go w własnym pipeline PostCSS). Fabryka zwraca prosty obiekt pluginu, więc import tego modułu nie wciąga zależności w czasie wykonywania — postcss jest tylko typem.

Przykład ​

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

Zmienne ​

Odwołania ​

default ​

Zmieniono nazwę i ponownie eksportuje pruneCustomProps