pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — nimeä pitkät mukautetut ominaisuuksien nimet lyhyiksi peräkkäisiksi tunnisteiksi.

Token-nimet kuten --instui-component-alert-border-top-style ovat ihmisen luettavissa mutta kalliita minifioiduissa paketeissa: itse nimi vie 40+ tavua, toistuen määrityksessä, jokaisessa var()-kutsussa ja jokaisessa @property-rekisteröinnissä. Tämä laajennus korvaa jokaisen vastaavan nimen — määrittelyissä, var()-viittauksissa ja @property-parametreissa — minimaalisella tunnisteella (--a, --b, …, --aa, …), vähentäen nimen ylikuormitusta noin 90 %.

Nimet kerätään koko tyylitiedostosta, lajitellaan aakkosjärjestykseen determinististä kartoitusta varten ja annetaan sitten peräkkäisesti. MangleCustomPropsOptions.sharedManifest -asetus sallii useiden erillisten PostCSS-käsittelykertojen jakaa yhden yhtenäisen kartoituksen, joten erikseen käsitellyt CSS-tiedostot, jotka ladataan yhdessä, voidaan turvallisesti manglata samoilla nimillä.

Esimerkki ​

ts
import postcss from "postcss";
import { mangleCustomProps } from "@pantoken/plugin-mangle-custom-props";
const out = postcss([mangleCustomProps()]).process(css, { from: undefined }).css;

Rajapinnat ​

Tyyppialiasit ​

Muuttujat ​