pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — komponer prune, flatten og mangle-transformasjoner for --instui-* egendefinerte egenskaper via et enkelt applyMinify verktøy.

Hver CSS-utgivende pipeline (generate scripts, renderers) bruker applyMinify for en konsistent minifiseringsflate uten å ta en direkte PostCSS-avhengighet.

Prune + mangle er kun trygt for selvstendige bundles hvor alle var(--instui-*) referanser og deres definisjoner ligger i samme output. For forbrukere med separate filer (@pantoken/css + @pantoken/components lastet uavhengig), bruk kun { flatten: true }.

Mangle på tvers av filgrenser: pass den samme Map-instansen som mangle.sharedManifest til hvert applyMinify-kall som behandler CSS-filer lastet sammen. Behandle token-arket først (det fyller manifestet), deretter komponentarkene.

Eksempler ​

Bruk alle tre transformasjonene på en selvstendig bundle

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

Kun flatten (trygt for forbrukere med separate filer)

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

Mangle to filer med samme kartlegging

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 ​

Typealiaser ​

Variabler ​

Funksjoner ​