pantoken / props-minify

props-minify ​

بتا

@pantoken/plugin-props-minify — ترکیب تبدیلات prune، flatten و mangle برای --instui-* custom properties از طریق یک ابزار واحد applyMinify.

هر خط لولهٔ تولید CSS (اسکریپت‌های generate، renderers) از applyMinify برای یکپارچگی سطح کوچک‌سازی استفاده می‌کند بدون اینکه وابستگی مستقیم به PostCSS بگیرد.

Prune + mangle فقط برای bundleهای خودمتن ایمن‌اند که در آن تمام مراجع var(--instui-*) و تعریف‌هایشان در همان خروجی قرار دارند. برای مصرف‌کننده‌های فایل‌جدا (@pantoken/css + @pantoken/components که به‌صورت جداگانه بارگزاری می‌شوند)، فقط { flatten: true } را اعمال کنید.

Mangle در میان مرز فایل‌ها: همان نمونهٔ Map را به‌عنوان mangle.sharedManifest به هر فراخوانی applyMinify که فایل‌های CSS را که با هم بارگذاری شده‌اند پردازش می‌کند، ارسال کنید. ابتدا صفحهٔ توکن را پردازش کنید (که مانیفست را پایه‌ریزی می‌کند)، سپس صفحات کامپوننت را.

نمونه‌ها ​

اعمال هر سه تبدیل به یک bundle خودمتن

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 } });

رابط‌ها ​

نام‌های مستعار نوع ​

متغیرها ​

توابع ​