pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — comporre le trasformazioni prune, flatten e mangle per --instui-* proprietà personalizzate tramite un'unica utility applyMinify.

Ogni pipeline che emette CSS (generate scripts, renderers) usa applyMinify per una superficie di minificazione coerente senza dipendere direttamente da PostCSS.

Prune + mangle sono sicuri solo per bundle autonomi in cui tutti i riferimenti var(--instui-*) e le loro definizioni risiedono nello stesso output. Per i consumatori su file separati (@pantoken/css + @pantoken/components caricati indipendentemente), applicare solo { flatten: true }.

Mangle attraverso i confini dei file: passa la stessa istanza Map come mangle.sharedManifest a ogni chiamata applyMinify che processa file CSS caricati insieme. Processa prima il foglio dei token (popola il manifesto), poi i fogli dei componenti.

Esempi ​

Applica tutte e tre le trasformazioni a un bundle autonomo

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

Solo flatten (sicuro per consumatori su file separati)

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

Mangle due file con la stessa mappatura

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 } });

Interfacce ​

Alias di tipo ​

Variabili ​

Funzioni ​