pantoken / props-minify

props-minify ​

Բետա

@pantoken/plugin-props-minify — միավորում է prune, flatten և mangle տրանսֆորմները --instui-* հատուկ հատկությունների համար միակ applyMinify օգտակարով.

Յուրաքանչյուր CSS-ը արտահայտող գծագիծ (generate սցենարներ, renderers) օգտագործում է applyMinify՝ համաչափ փոքրացման միջավայր ապահովելու համար՝ առանց ուղիղ PostCSS կախվածություն ընդունելու.

Prune + mangle անվտանգ են միայն ինքնուրույն փաթեթների համար, որտեղ բոլոր var(--instui-*) հղումներն և դրանց սահմանումները գտնվում են նույն salida-ում. Առանձին ֆայլերի սպառողների համար (@pantoken/css + @pantoken/components առանձին բեռնված), կիրառեք միայն { flatten: true }.

Mangle ֆայլի սահմանները հատող դեպքում: փոխանցեք նույն Map հատվածը որպես mangle.sharedManifest յուրաքանչյուր applyMinify կանչին, որը վերակազմակերպում է միասին բեռնված CSS ֆայլերը. Նախ մշակեք token sheet-ը (այն նշում է manifest-ը), այնուհետ component sheet-ները.

Օրինակներ ​

Գործածել երեք տրանսֆորմները ինքնուրույն փաթեթի վրա

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

Միայն Flatten (անվտանգ է առանձին ֆայլերի սպառողների համար)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

Mangle երկու ֆայլ՝ նույն քարտեզավորմամբ

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

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

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

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

Ֆունկցիաներ ​