Skip to content

pantoken / props-minify

props-minify

بيتا

@pantoken/plugin-props-minify — يجمع بين تحويلات prune و flatten و mangle لخصائص --instui-* المخصصة عبر أداة واحدة applyMinify.

تستخدم كل خط أنابيب يصدر CSS (سكريبتات التوليد، المرسِّلات) applyMinify لسطح تصغير متسق دون الاعتماد المباشر على PostCSS.

Prune + mangle آمنان فقط للحزم المستقلة ذاتية الاكتفاء حيث تعيش جميع مراجع var(--instui-*) وتعريفاتها في نفس المخرَج. للمستهلكين الذين يتعاملون مع ملفات منفصلة (@pantoken/css + @pantoken/components محمّلان بشكل مستقل)، طبّق فقط { flatten: true }.

Mangle عبر حدود الملفات: مرّر نفس مثيل Map كـ mangle.sharedManifest إلى كل استدعاء applyMinify يعالج ملفات CSS المحمّلة معًا. عالِج ورقة الرموز أولاً (فهي تهيئ القائمة المانِفة)، ثم أوراق المكونات.

أمثلة

تطبيق التحويلات الثلاثة على حزمة مستقلة ذاتية الاكتفاء

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

واجهات

أسماء أنواع مستعارة

المتغيرات

الدوال