pantoken / prune-custom-props

prune-custom-props ​

बीटा

@pantoken/plugin-prune-custom-props — एक रचित स्टाइलशीट से उपयोग नहीं होने वाले कस्टम प्रॉपर्टीज़ को tree-shake करता है.

pantoken का @pantoken/css पूरे --instui-* टोकन सेट को जारी करता है (≈1,800 आइकन data-URI शामिल)। ऐसा रेंडरर जो उस लेयर पर बिल्ड करता है पर सिस्टम का केवल एक हिस्सा स्टाइल करता है, अन्यथा पूरे सेट को शिप कर देता — इसलिए ऐसे किसी भी रेंडरर को इसकी आवश्यकता होती है। वास्तविक (गैर-कस्टम-प्रॉपर्टी) घोषणाओं में मौजूद 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