Skip to content

pantoken-root / props-minify

props-minify ​

Beta

@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 المحمّلة معًا. عالِج ورقة الرموز أولاً (فهي تهيئ القائمة المانِفة)، ثم أوراق المكونات.

Examples ​

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

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

الواجهات ​

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

المتغيرات ​

الدوال ​