pantoken / mangle-custom-props

mangle-custom-props ​

Bêta

@pantoken/plugin-mangle-custom-props — ailenwi enwau eiddo arferol hir i adnabodyddion dilyniannol lleiaf .

Mae enwau token fel --instui-component-alert-border-top-style yn hawdd i bobl eu darllen ond yn ddrud mewn bwndelau wedi'u lleihau: mae'r enw ei hun yn 40+ beit, yn cael ei ailadrodd yn y diffiniad, yn bob galwad var(), ag yn bob cofrestriad @property. Mae'r ategyn hwn yn disodli pob enw sy'n cyfateb — ar draws diffiniadau, cyfeiriadau var(), a pharametrau @property — gyda adnabodydd lleiaf (--a, --b, …, --aa, …), gan leihau'r goruchafdeb enw tua 90%.

Ceir enwau o'r ddalen arddull gyfan, eu trefnu yn alfabetegol i sicrhau mapio bwrpasol, ac wedyn eu dyrannu'n drefnus. Mae opsiwn MangleCustomPropsOptions.sharedManifest yn caniatáu i sawl pas PostCSS wahanol rannu un mapio cyson, felly gellir mangle-io ffeiliau CSS a gafodd eu prosesu ar wahân sydd i'w llwytho gyda'i gilydd yn ddiogel gan ddefnyddio'r enwau hynny.

Enghraifft ​

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

Rhyngwynebau ​

Aliasau Math ​

Newidynnau ​