icons 遗留方案

bundler 支持：底层依赖 svg-sprite-loader，仅 webpack 模式可用。vite 不支持；rsbuild / rsbuild2 模式下 svg 资源处理会因 svg-sprite-loader 与 rspack 的 ModuleGraph 时序不兼容而失败（rsbuild 1.x / 2.x 行为一致，为存量限制）。

icons 的遗留方案，主要提供 Vue2 使用。使用 SvgIcon 组件。默认 src/icons 目录的 svg 文件采用此方案。该方案底层依赖了 svg-sprite-loader 实现，所以 bundler 不支持 vite。

开启方式

1. 安装插件

NPM

$ npm add @winner-fed/plugin-icons-legacy -D

YARN

$ yarn add @winner-fed/plugin-icons-legacy -D

PNPM

$ pnpm add @winner-fed/plugin-icons-legacy -D

BUN

$ bun add @winner-fed/plugin-icons-legacy -D

2. 在配置文件中 .winrc 中开启该功能

import { defineConfig } from 'win';

export default defineConfig({
  plugins: [require.resolve('@winner-fed/plugin-icons-legacy')],
  iconsLegacy: {
    include: []
  }
});

配置

include

• 类型：Array<string>
• 默认值：[]

用于额外需要使用此方案解析的 svg 文件。注意需要使用绝对路径。