pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — yhdistää prune-, flatten- ja mangle-muunnokset --instui-*-ominaisuuksille yhden applyMinify apuohjelman kautta.

Jokainen CSS:ää tuottava putkisto (generate-skriptit, renderöijät) käyttää applyMinify:a yhtenäisen minifiointipinnan tarjoamiseksi ilman suoraa PostCSS-riippuvuutta.

Prune + mangle ovat turvallisia vain itsenäisille paketeille joissa kaikki var(--instui-*)-viittaukset ja niiden määritelmät sijaitsevat samassa tulosteessa. Eristetyille tiedostoja kuluttaville (@pantoken/css + @pantoken/components ladattu itsenäisesti), käytä vain { flatten: true }.

Mangle tiedostorajojen yli: välitä sama Map-instanssi kuin mangle.sharedManifest jokaiseen applyMinify-kutsuun, joka käsittelee yhdessä ladattuja CSS-tiedostoja. Käsittele ensin token-arkki (se siementää manifestin), sitten komponenttiarkit.

Esimerkit ​

Käytä kaikkia kolmea muunnosta itsenäiseen pakettiin

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

Vain flatten (turvallinen erillisiä tiedostoja käyttävälle)

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

Mangle kaksi tiedostoa samalla kartoituksella

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

Rajapinnat ​

Tyyppialiasit ​

Muuttujat ​

Funktionit ​