Skip to content

pantoken / props-minify

props-minify

Beta

@pantoken/plugin-props-minify — setja saman 'prune', 'flatten' og 'mangle' umbreytingar fyrir --instui-* sérsniðna eiginleika í gegnum eina applyMinify hjálparaðgerð.

Sérhver CSS‑útflutnings pípla (generate scripts, renderers) notar applyMinify til að fá samræmt minnkunarviðmót án þess að taka beina PostCSS háð.

Prune + mangle eru aðeins örugg fyrir sjálfstæðar pakkningar þar sem allar var(--instui-*) tilvísanir og skilgreiningar þeirra eru í sama úttaki. Fyrir neytendur með aðskildar skrár (@pantoken/css + @pantoken/components hlaðið sjálfstætt), beita aðeins { flatten: true }.

Mangle yfir skráramörk: senda sama Map eintakið sem mangle.sharedManifest til hverrar applyMinify köllunar sem vinnur úr CSS skrám sem hlaðin eru saman. Vinna token‑blaðið fyrst (það sáir í manifestið), síðan component‑blaðin.

Dæmi

Beita öllum þremur umbreytingunum á sjálfstæða pakkningu

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

Aðeins flatten (öruggt fyrir neytendur með aðskildar skrár)

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

Mangle tveimur skrám með sama kortlagningu

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

Viðmót

Tegundarheiti

Breytur

Föll