antfu/unplugin-icons
Unplugin Icons
unplugin-icons एक यूनिवर्सल आइकन कंपोनेंट प्रोवाइडर और बिल्ड-टाइम एसेट ऑप्टिमाइज़र है जो विविध SVG लाइब्रेरीज़ को एक एकीकृत क्रॉस-फ्रेमवर्क इंटरफेस में बदलता है। यह एक SVG आइकन पाइपलाइन के रूप में कार्य करता है, जो विभिन्न सेटों से हजारों आइकन्स को विभिन्न फ्रंटएंड फ्रेमवर्क्स में उपयोग के लिए ऑन-डिमांड कंपोनेंट्स या रॉ स्ट्रिंग्स में परिवर्तित करता है।
यह टूल एक क्रॉस-फ्रेमवर्क आइकन लाइब्रेरी प्रदान करता है जो केवल सोर्स कोड में संदर्भित विशिष्ट आइकन्स को शामिल करके बंडल साइज़ को ऑप्टिमाइज़ करता है। यह ऑटोमैटिक आइकन इंपोर्टिंग और लंबे कलेक्शन नामों को छोटे आइडेंटिफ़ायर्स से मैप करने के लिए उपनामों (aliases) के उपयोग के माध्यम से डेवलपमेंट वर्कफ़्लो को सरल बनाता है।
यह सिस्टम कस्टम आइकन सेट लोड करने और ग्लोबल ट्रांसफॉर्मेशन लागू करने की अनुमति देकर SVG कंपोनेंट्स को मैनेज करता है। इसमें ग्लोबल सेटिंग्स या क्वेरी पैरामीटर्स के माध्यम से आइकन साइज़ और रंग को कस्टमाइज़ करने के लिए विज़ुअल कॉन्फ़िगरेशन क्षमताएं भी शामिल हैं।
Features
- Cross-Framework Providers - Provides a universal system to transform diverse SVG libraries into on-demand components for multiple frontend frameworks.
- Icon Set Integrations - Integrates thousands of icons from diverse libraries as consistent components across various frontend frameworks.
- Bundle Size Optimization - Reduces bundle size by extracting only the specific icons referenced in the source code.
- SVG Asset Pipelines - Implements a comprehensive pipeline for importing, transforming, and optimizing SVG assets into UI components.
- SVG Icon Components - Converts icons from various sets into reusable components compatible across different UI frameworks.
- Icon Libraries - Provides a unified interface for accessing multiple icon sets as components across different environments.
- Frontend Asset Optimization - Reduces final bundle sizes by loading only the specific icons used in the source code.
- Build-Time Component Generation - Transforms icon data into framework-specific components during the build process based on import statements.
- SVG Component Transformations - Converts raw SVG paths and attributes into valid framework components during the build process.
- Tree-Shakeable Icon Bundles - Ensures only referenced icons are included in the final bundle to minimize asset size.
- Icon Appearance Customizations - Modifies icon size, color, and visual attributes via global configuration and query parameters.
- Automatic Component Imports - Automatically injects referenced icons into templates to eliminate the need for explicit import statements.
- Icon Alias Mappings - Provides a lookup table to map short identifiers to full icon collection names during module resolution.
- Virtual Modules - Intercepts module requests to provide dynamic icon components without requiring physical files on disk.
- Collection Aliasing - Maps long icon collection names to short identifiers to simplify imports within a project.
- Import URL Parameter Injection - Allows modifying generated icon components by parsing parameters passed within the import URL string.
- Build-Time Icon Transformations - Applies global modifications to custom icons during the loading phase to ensure visual consistency.
- Asset Loaders - Accesses icon sets as components.
- Icon Frameworks and Utilities - A plugin for on-demand icon loading in modern build tools.
