pantoken / prune-custom-props

prune-custom-props ​

Bêta

@pantoken/plugin-prune-custom-props — supprime par tree-shaking les propriétés personnalisées inutilisées d'une feuille de style composée.

Le @pantoken/css de pantoken émet l'intégralité de l'ensemble de tokens --instui-* (≈1 800 data-URI d'icônes incluses). Un renderer qui se base sur cette couche mais ne stylise qu'une portion du système expédierait autrement l'ensemble — tout renderer de ce type a donc besoin de ceci. À partir des références var() dans des déclarations réelles (non basées sur des custom properties), il conserve transitivement uniquement les custom properties réellement atteignables et supprime les enregistrements @property correspondants et inutilisés.

C'est un plugin PostCSS autonome (à exécuter dans votre propre pipeline PostCSS). La factory renvoie un objet plugin simple, donc importer ce module n'introduit aucune dépendance d'exécution — postcss n'est qu'un type.

Exemple ​

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

Variables ​

Références ​

default ​

Renomme et ré-exporte pruneCustomProps