pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — sette saman prune-, flatten- og mangle-transformasjonar for --instui-* eigenskapar via eit enkelt applyMinify-hjelpeverktøy.

Kvar CSS-utgjevings-pipeline (generate scripts, renderers) brukar applyMinify for ein konsekvent minifieringsflate utan å ta ein direkte PostCSS-avhengigheit.

Prune + mangle er berre trygt for sjølvstendige bundlar der alle var(--instui-*)-referansar og deira definisjonar finst i same utdata. For forbrukarar med separate filer (@pantoken/css + @pantoken/components lasta uavhengig), bruk berre { flatten: true }.

Mangle på tvers av filgrenser: pass same Map-instans som mangle.sharedManifest til kvar applyMinify-kall som prosesserer CSS-filer lasta saman. Behandle token-arket fyrst (det frøkker manifestet), deretter komponentark.

Døme ​

Bruk alle tre transformasjonane på ein sjølvstendig pakke

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

Berre flatten (trygt for forbrukarar av separate filer)

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

Mangle to filer med same 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 } });

Grensesnitt ​

Typealias ​

Variablar ​

Funksjonar ​