pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — komponerar prune-, flatten- och mangle-transformer för --instui-* anpassade egenskaper via ett enda applyMinify-verktyg.

Varje CSS-genererande pipeline (generate scripts, renderers) använder applyMinify för en konsekvent minifieringsyta utan att ta ett direkt beroende av PostCSS.

Prune + mangle är endast säkert för självständiga paket där alla var(--instui-*)-referenser och deras definitioner finns i samma utdata. För konsumenter med separata filer (@pantoken/css + @pantoken/components laddas oberoende), applicera endast { flatten: true }.

Mangle över filgränser: skicka samma Map-instans som mangle.sharedManifest till varje applyMinify-anrop som bearbetar CSS-filer som laddas tillsammans. Behandla tokenarket först (det sår manifestet), sedan komponentarken.

Exempel ​

Applicera alla tre transformationerna på ett självständigt paket

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

Endast flatten (säkert för konsumenter med separata filer)

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

Mangle två filer med samma mappning

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

Gränssnitt ​

Typalias ​

Variabler ​

Funktioner ​