pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — kombiniert Prune-, Flatten- und Mangle-Transforms für --instui-* benutzerdefinierte Eigenschaften über ein einzelnes applyMinify-Hilfsprogramm.

Jede CSS-erzeugende Pipeline (generate scripts, renderers) verwendet applyMinify für eine konsistente Minifizierungsoberfläche, ohne eine direkte PostCSS-Abhängigkeit einzugehen.

Prune + mangle sind nur für eigenständige Bundles sicher, bei denen alle var(--instui-*)-Verweise und deren Definitionen im selben Output liegen. Für Separate-Datei-Verbraucher (@pantoken/css + @pantoken/components unabhängig geladen) nur { flatten: true } anwenden.

Mangle über Datei-Grenzen hinweg: übergebe dieselbe Map-Instanz als mangle.sharedManifest an jeden applyMinify-Aufruf, der zusammen geladene CSS-Dateien verarbeitet. Verarbeite zuerst das Token-Sheet (es füllt das Manifest), dann die Component-Sheets.

Beispiele ​

Alle drei Transforms auf ein eigenständiges Bundle anwenden

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

Nur Flatten (sicher für Separate-Datei-Verbraucher)

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

Zwei Dateien mit derselben Zuordnung mangle

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

Schnittstellen ​

Typ-Aliasse ​

Variablen ​

Funktionen ​