pantoken / prune-custom-props

prune-custom-props ​

เบต้า

@pantoken/plugin-prune-custom-props — ลบ (tree-shake) คุณสมบัติแบบกำหนดเองที่ไม่ได้ใช้งานจาก stylesheet ที่ประกอบแล้ว.

pantoken's @pantoken/css ส่งออกชุดโทเค็น --instui-* ทั้งหมด (รวม ≈1,800 icon data-URI) ตัวเรนเดอเรอร์ที่สร้างบนเลเยอร์นั้นแต่แค่กำหนดสไตล์ให้กับส่วนย่อยของระบบ รายการทั้งหมดจะต้องถูกจัดส่ง — ดังนั้นเรนเดอเรอร์ดังกล่าวจะต้องการฟีเจอร์นี้. เริ่มจากการอ้างอิง var() ในประกาศจริง (ไม่ใช่ custom-property) มันจะเก็บไว้เป็นทรานซิทีฟเฉพาะคุณสมบัติแบบกำหนดเองที่สามารถเข้าถึงได้จริงเท่านั้น และตัดการลงทะเบียน @property ที่ตรงกันซึ่งไม่ได้ใช้ออก.

เป็นปลั๊กอิน PostCSS แบบสแตนด์อโลน (รันใน pipeline PostCSS ของตัวเอง). ฟาโทรีส่งคืนวัตถุปลั๊กอินแบบธรรมดา ดังนั้นการนำเข้าโมดูลนี้จะไม่ดึงการพึ่งพา runtime ใด ๆ — 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