pantoken / props-minify

props-minify ​

Bèta

@pantoken/plugin-props-minify — combineer prune-, flatten- en mangle-transformaties voor --instui-* aangepaste eigenschappen via een enkele applyMinify hulpprogramma.

Elke CSS-uitgevende pipeline (generate-scripts, renderers) gebruikt applyMinify voor een consistente minificatie-oppervlakte zonder een directe PostCSS-afhankelijkheid te hebben.

Prune + mangle zijn alleen veilig voor self-contained bundels waar alle var(--instui-*) verwijzingen en hun definities in dezelfde output leven. Voor consumenten van afzonderlijke bestanden (@pantoken/css + @pantoken/components onafhankelijk geladen), pas alleen { flatten: true } toe.

Mangle over bestandsgrenzen heen: geef dezelfde Map instantie door als mangle.sharedManifest aan elke applyMinify aanroep die CSS-bestanden verwerkt die samen geladen worden. Verwerk eerst het tokenblad (het zaait het manifest), daarna de componentbladen.

Voorbeelden ​

Pas alle drie transformaties toe op een zelfstandige bundel

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

Alleen flatten (veilig voor consumenten van afzonderlijke bestanden)

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

Mangle twee bestanden met dezelfde mapping

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 ​

Type-aliases ​

Variabelen ​

Functies ​