pantoken / prune-custom-props

prune-custom-props ​

Beta

@pantoken/plugin-prune-custom-props — elimina mediante tree-shaking las propiedades personalizadas no utilizadas de una hoja de estilos compuesta.

pantoken's @pantoken/css emite todo el conjunto de tokens --instui-* (≈1.800 data-URIs de iconos incluidos). Un renderer que se base en esa capa pero solo estilice una porción del sistema de otro modo enviaría todo el conjunto — por eso cualquier renderer así lo desea. A partir de las referencias var() en declaraciones reales (no en custom properties), conserva de forma transitiva únicamente las custom properties realmente alcanzables y elimina las registraciones @property coincidentes que no se usan.

Es un plugin independiente de PostCSS (ejecútalo en tu propia canalización de PostCSS). La fábrica devuelve un objeto plugin simple, así que importar este módulo no aporta ninguna dependencia en tiempo de ejecución — postcss es solo un tipo.

Ejemplo ​

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

Variables ​

Referencias ​

default ​

Renombra y reexporta pruneCustomProps