Skip to content

pantoken / prune-custom-props

prune-custom-props

Bêta

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

Le @pantoken/css de pantoken émet l'ensemble complet de jetons --instui-* (≈1 800 data-URI d'icônes incluses). Un renderer qui s'appuie sur cette couche mais ne stylise qu'une portion du système expédierait autrement l'ensemble complet — tout renderer de ce type veut donc ceci. En partant des références var() dans des déclarations réelles (non basées sur des propriétés personnalisées), il conserve transitivement uniquement les propriétés personnalisées réellement accessibles, et supprime les enregistrements @property correspondants qui ne sont pas utilisés.

C'est un plugin PostCSS autonome (à exécuter dans votre propre pipeline PostCSS). La factory retourne un objet plugin simple, donc importer ce module n'ajoute 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