pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — endurnefna löng sérsniðin eiginleikanafni í lágmarks raðnúmeruð auðkenni.

Nöfn tákna eins og --instui-component-alert-border-top-style eru mannlæslileg en dýr í minnkuðum pökkum: sjálft nafnið er 40+ bæt, endurtekið í skilgreiningunni, í hverri var() köllun, og í hverri @property skráningu. Viðbætið skipti út hvert samsvarandi nafn — yfir skilgreiningar, var() tilvísanir og @property parametra — fyrir lágmarks auðkenni (--a, --b, …, --aa, …), og dregur þannig nafnayfirhönd um ~90%.

Nöfn eru söfnuð úr allri stílblaðinu, raðað stafrófsröð fyrir ákvörðunargjarna kortlagningu, og síðan úthlutuð í röð. Valkosturinn MangleCustomPropsOptions.sharedManifest leyfir mörgum aðskildum PostCSS umferðum að deila einni samræmdri kortlagningu, svo CSS-skrár sem eru unnar sér og síðar hlaðnar saman megi örugglega verða rýrar með sömu nöfnum.

Dæmi ​

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

Viðmót ​

Tegundarheiti ​

Breytur ​