pantoken / prune-custom-props

prune-custom-props ​

بتا

@pantoken/plugin-prune-custom-props — حذفِ درختیِ (tree-shake) ویژگی‌های سفارشیِ استفاده‌نشده از یک شیت‌استایلِ ترکیبی.

خروجی @pantoken/css در pantoken مجموعهٔ کامل توکن‌های --instui-* را صادر می‌کند (حدود ۱٬۸۰۰ داده‑URI آیکون گنجانده شده). یک رندرِکننده که روی آن لایه ساخته می‌شود اما تنها بخشی از سیستم را استایل می‌دهد در غیر این صورت کل مجموعه را منتشر می‌کرد — بنابراین هر رندرِکنندهٔ چنین نیازی این را می‌خواهد. با شروع از ارجاعات var() در اعلان‌های واقعی (نه اعلان‌های مبتنی بر custom-property)، به‌صورت انتقالی فقط آن‌ custom-propertyهایی را نگه می‌دارد که واقعاً قابل دسترسی‌اند، و ثبت‌های @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