pantoken / props-minify

props-minify ​

Behta

@pantoken/plugin-props-minify — gávdnet prune-, flatten- ja mangle-transformaid --instui-* dohccat hálddahusaide borrán applyMinify geavaheaddjiin.

Buot CSS-geavahuvvon pipelineat (generate scripts, renderers) geavahit applyMinify maŋimuš minifikasjona skánagáttis, ii háliidit eatnamiin PostCSS-dependensiija.

Prune + mangle lea doarvvus bargat muhtun buoridit bundleide mii buot var(--instui-*) viessádusat ja sin dáhpáhusat leat sama ođđa. Dálvuid fápmu coggástit (@pantoken/css + @pantoken/components leat čujuhit erenoamáš), geavahát doarji { flatten: true } maid ferte.

Mangle fállos fállot guovttos: geavahát sama Map instanssa da mangle.sharedManifest buot applyMinify čuovvovašvuođaid CSS-fáiluid dohččut. Geavahát token-sheet bokte (son searvvo manifestta), dego komponenta-sheetat.

Exempla ​

Geavahát buot golbma transformaid muhtun buoridit bundleis

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

Flatten dušše (doarvvus erenoamaš fáiluid čujuhuvvonojuvvon)

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

Mangle guokte fáiluid sama mappingin

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

Interfáčat ​

Type-aliasat ​

Variáblat ​

Fuššat ​