Skip to content

pantoken-root / mangle-custom-props

mangle-custom-props ​

Բետա

@pantoken/plugin-mangle-custom-props — վերանվանել երկար սահմանված ծանոթությունների անունները նվազագույն հաջորդական նույնացողների:

--instui-component-alert-border-top-style նման նշանային անունները մարդկանց համար ընթեռնելի են, բայց թանկ են նվազեցված փաթեթներում․ անունը ինքնին 40+ բայթ է, կրկնվում է սահմանման մեջ, յուրաքանչյուր var() կանչի ժամանակ և յուրաքանչյուր @property գրանցման դեպքում։ Այս plugin‑ը փոխարինում է յուրաքանչյուր համապատասխան անունը՝ սահմանումներում, var() հղումներում և @property պարամետրերում՝ նվազագույն նույնչափանիշով (--a, --b, …, --aa, …), ինչը մոտավոր 90%‑ով կկրճատի անվան հավելավճարը։

Անունները հավաքվում են ամբողջ ոճաթղթից, հաջորդաբար դասվում ալֆավիտային կարգով՝ որոշելի (deterministic) ճարտարարտ mapping ստանալու համար, ապա հատկացվում են հաջորդականությամբ։ MangleCustomPropsOptions.sharedManifest տարբերակը թույլ է տալիս մի քանի միանգամյա PostCSS անցումներին կիսել նույնական mapping՝ այնպես, որ առանձին մշակված CSS ֆայլերը, որոնք համատեղ բեռնվելու են, կարող են անվտանգ մանգլ (mangle) անել նույն անուններով։

Օրինակ ​

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

Ինտերֆեյսներ ​

Տիպային հոմանիշներ ​

Փոփոխականներ ​