pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — componer las transformaciones prune, flatten y mangle para --instui-* propiedades personalizadas mediante una sola utilidad applyMinify.

Cada canalizador que emite CSS (scripts de generación, renderizadores) usa applyMinify para una superficie de minificación consistente sin añadir una dependencia directa a PostCSS.

Prune + mangle solo son seguros para paquetes autónomos donde todas las referencias var(--instui-*) y sus definiciones residen en la misma salida. Para consumidores de archivos separados (@pantoken/css + @pantoken/components cargados de forma independiente), aplique únicamente { flatten: true }.

Mangle a través de límites de archivo: pase la misma instancia Map como mangle.sharedManifest a cada llamada applyMinify que procese archivos CSS cargados juntos. Procese primero la hoja de tokens (ella inicializa el manifiesto), luego las hojas de componentes.

Ejemplos ​

Aplique las tres transformaciones a un paquete autónomo

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

Solo flatten (seguro para consumidores de archivos separados)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

Mangle dos archivos con la misma asignación

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

Interfaces ​

Alias de tipo ​

Variables ​

Funciones ​