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;

इंटरफेस ​

टाइप एलियास ​

वैरिएबल्स ​