pantoken / mangle-custom-props

mangle-custom-props ​

بتا

@pantoken/plugin-mangle-custom-props — تغییر نام نام‌های طولانی خصوصیات سفارشی به شناسه‌های متوالی و حداقلی شناسه‌ها.

نام‌های توکن مانند --instui-component-alert-border-top-style برای انسان‌ها قابل خواندن‌اند اما در باندل‌های فشرده هزینه‌برند: خود نام بیش از ۴۰ بایت است و در تعریف، هر var() فراخوانی، و هر ثبت‌نام @property تکرار می‌شود. این پلاگین هر نام مطابقت‌دهنده را — در سراسر تعاریف، ارجاعات var() و پارامترهای @property — با یک شناسه حداقلی (--a, --b, …, --aa, …) جایگزین می‌کند و سربار نام را حدود ۹۰٪ کاهش می‌دهد.

نام‌ها از کل stylesheet جمع‌آوری و برای نگاشت قطعی به‌صورت الفبایی مرتب می‌شوند، سپس به‌صورت متوالی تخصیص می‌یابند. گزینه MangleCustomPropsOptions.sharedManifest اجازه می‌دهد چندین پاس جداگانهٔ PostCSS یک نگاشت سازگار را به‌اشتراک بگذارند، بنابراین فایل‌های CSS که به‌صورت جداگانه پردازش شده و قرار است با هم بارگذاری شوند می‌توانند با همان نام‌ها به‌طور ایمن مخدوش (mangle) شوند.

نمونه ​

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

رابط‌ها ​

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

متغیرها ​