vite-plugin-svg-icons 使用

vite-plugin-svg-icons 是一个 Vite 插件，用于在项目中使用 SVG 图标。它可以将 SVG 图标转换为可在项目中使用的 Vue 组件或 React 组件，并提供了一些方便的功能。

要使用 vite-plugin-svg-icons，首先需要安装它。在你的项目根目录下运行以下命令：

npm install vite-plugin-svg-icons --save-dev

或者使用 yarn：

yarn add vite-plugin-svg-icons --dev

安装完成后，在你的 Vite 配置文件（一般是 `vite.config.js`）中添加以下代码：

import { defineConfig } from 'vite'
import svgIcons from 'vite-plugin-svg-icons'

export default defineConfig({
  plugins: [
    svgIcons()
  ]
})

这样就完成了插件的配置。接下来，你可以在你的项目中使用 SVG 图标了。

假设你有一个名为 `logo.svg` 的 SVG 图标文件，在你的 Vue 或 React 组件中引入它：

import { VueComponent as Logo } from '@/icons/logo.svg'

// 使用 Logo 组件

这样就可以使用 `Logo` 组件来展示 `logo.svg` 的内容了。

vite-plugin-svg-icons 还提供了一些额外的功能，比如自动导入所有 SVG 图标、配置图标输出目录等。你可以在插件的文档中找到更多详细的用法和配置选项。

希望能帮到你！如果有任何问题，请随时提问。