antfu/unplugin-icons
Unplugin Icons
unplugin-icons 是一个通用的图标组件提供程序和构建时资产优化器，将多种 SVG 库转换为统一的跨框架接口。它作为一个 SVG 图标流水线，将来自不同集合的数千个图标转换为按需组件或原始字符串，供不同的前端框架使用。
该工具提供了一个跨框架图标库，通过仅包含源代码中引用的特定图标来优化包大小。它还通过自动图标导入和使用别名将长集合名称映射到较短标识符，简化了开发工作流。
该系统通过允许加载自定义图标集和应用全局转换来管理 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.
