pantoken / mangle-custom-props

mangle-custom-props ​

بيتا

@pantoken/plugin-mangle-custom-props — إعادة تسمية أسماء الخصائص المخصصة الطويلة إلى معرفات متسلسلة قصيرة وقصيرة الطول.

أسماء الرموز مثل --instui-component-alert-border-top-style قابلة للقراءة من قبل البشر لكنها مكلفة في الحزم المصغرة: فاسمها نفسه يتجاوز 40+ بايت، ويتكرر في التعريف، وفي كل استدعاء var()، وفي كل تسجيل @property. يستبدل هذا البرنامج المساعد كل اسم مطابق — عبر التعريفات، إشارات var()، ووسائط @property — بمعرف صغير (--a, --b, …, --aa, …)، مما يقلل من تكلفة الأسماء بحوالي ~90%.

تُجمَع الأسماء من ورقة الأنماط الكاملة، وتُرتَّب أبجديًا للحصول على ترميز حتمي، ثم تُعيَّن بشكل متسلسل. خيار MangleCustomPropsOptions.sharedManifest يتيح لعمليات PostCSS المستقلة مشاركة ترميز واحد ثابت، حتى تُشوَّه ملفات CSS المعالجة بشكل منفصل التي ستُحمَّل معًا بنفس الأسماء بأمان.

مثال ​

ts
import postcss from "postcss";
import { mangleCustomProps } from "@pantoken/plugin-mangle-custom-props";
const out = postcss([mangleCustomProps()]).process(css, { from: undefined }).css;

واجهات ​

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

المتغيرات ​