Skip to content

pantoken / prune-custom-props

prune-custom-props

בטא

@pantoken/plugin-prune-custom-props — מסיר בת<Tree-shake> מאפייני מותאם אישית שלא בשימוש מגיליון סגנונות מורכב.

ה־@pantoken/css של pantoken מפיק את כל מערך הטוקנים --instui-* (≈1,800 data-URI של אייקונים כלולים). מניין שמממשק שמבוסס על השכבה הזו אך מעצב רק חתיכה ממערכת הטוקנים עלול אחרת לשגר את כל המערך — לכן כל renderer כזה רוצה את זה. בהתבסס על הפניות var() בהכרזות אמתיות (לא-מאפייני-מותאם), הוא שומר באופן טרנזיטיבי רק את מאפייני המותאם אישית שמגיעים אליהם בפועל, ומסיר את רישומי @property התואמים שאינם בשימוש.

זהו תוסף PostCSS עצמאי (הריצו אותו בצנרת PostCSS שלכם). הפקטורי מחזיר אובייקט תוסף פשוט, כך שייבוא המודול הזה אינו מושך תלות ריצה — postcss הוא רק טיפוס.

דוגמה

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

משתנים

הפניות

default

משנה שם ומייצא מחדש את pruneCustomProps