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;

ממשקים ​

כינויים של טיפוסים ​

משתנים ​