Skip to content

pantoken / 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;

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

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

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