pantoken / props-minify

props-minify ​

बीटा

@pantoken/plugin-props-minify — एकल applyMinify यूटिलिटी के माध्यम से --instui-* कस्टम प्रॉपर्टीज़ के लिए prune, flatten, और mangle ट्रांसफॉर्म्स को संयोजित करें।

प्रत्येक CSS-उत्पन्न करने वाली पाइपलाइन (generate scripts, renderers) बिना सीधे PostCSS निर्भरता लिए एक सुसंगत minification सतह के लिए applyMinify का उपयोग करती है।

Prune + mangle केवल self-contained bundles के लिए सुरक्षित हैं जहाँ सभी var(--instui-*) संदर्भ और उनकी परिभाषाएँ एक ही आउटपुट में मौजूद हों। अलग-अलग फ़ाइल उपभोक्ताओं के लिए (@pantoken/css + @pantoken/components स्वतंत्र रूप से लोड होते हैं), केवल { flatten: true } लागू करें।

Mangle across file boundaries: एक ही Map इंस्टेंस को mangle.sharedManifest के रूप में उन हर applyMinify कॉल को पास करें जो साथ लोड की गई CSS फ़ाइलों को प्रोसेस करती हैं। पहले token sheet प्रोसेस करें (यह manifest को seed करता है), फिर component sheets।

उदाहरण ​

इन तीनों ट्रांसफ़ॉर्म्स को एक self-contained bundle पर लागू करें

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

केवल Flatten (अलग-फ़ाइल उपभोक्ताओं के लिए सुरक्षित)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

एक ही मैपिंग के साथ दो फ़ाइलों को Mangle करें

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

इंटरफेस ​

टाइप एलियास ​

वैरिएबल्स ​

फंक्शन्स ​