vite-plugin-iconify-preset v1.0.2

安装

  npm i vite-plugin-iconify-preset

预设配置

 // vite.config.ts
 import Icon from 'vite-plugin-iconify-preset'
 Icon([
  'ant-design:linkedin-outlined',
  'ant-design:ant-design-outlined'
  ])

组件使用

import { Icon } from 'vite-plugin-iconify-preset/vue'
<Icon
  class="icon"
  :name="name"
  :width="width"
  :height="height"
/>

报错问题

找不到模块“vite-plugin-iconify-preset/vue”或其相应的类型声明 如果出现这样的编辑器报错，可在tsconfig文件下include配置".d.ts"，在".d.ts"文件内声明：declare module 'vite-plugin-iconify-preset/vue'

icon图标地址

https://icones.netlify.app/