如何在项目中使用xicons图标库

记录使用技术栈：vite+vue3+ts UI组件：naiveUI开发过程中遇到的问题

xicons中的图标分为了下面几种：

找到自己想要使用的图标所在的组，例如CartOutline（购物车）图标在ionicons5组中

则在package.json中安装”@vicons/ionicons5” 依赖

在vue文件中使用：

<template>
    <n-icon size="25">
       <cart-outline />
    </n-icon>
</template>
<script lang="ts">
import { CartOutline } from '@vicons/ionicons5'
export default defineComponent({
  components: {
    CartOutline
  }
})
</script>
复制代码

充分做到了按需加载。