Plust Vben5 iconify 本地话菜单图标引入

Vben5 的写法菜单 默认引入外部地址，如https://api.iconify.design

 官方给出图标单个引入和全量图标集的方式，https://dapdap.top/function/icon.html

• 单个引入

  流程：1、安装图标集。2、引入图标集中会使用的图标

  优缺点：优点打包体积最小、缺点是需要一个个引入、每一个变动都得修改

• 全量图标集
  

  流程：1、安装全量图标集。2、引入图标集

  优缺点：优点不用一个个引入可以直接使用全量的iconify图标、缺点是打包体积很大，全量大约400 MB

• 部分图标集（最推荐）（尽量使用同一图标集，如ant-design）
  

  流程：1、安装使用的图标集。2、引入图标集

  优缺点：优点不用一个个引入、体积也没有全量图标集的那么大，引入的图标集都可以直接使用图标、缺点是没有单个的体积小，还有会多引入一些不用的图标、增加其他图标集的还要增加图标集
  
  建议使用第三种，以下是操作流程，使用ant-design图标集
  1、安装 Ant Design 专属图标集

  cd packages/icons
  pnpm i @iconify-json/ant-design -D

  2、添加 Ant Design 图标集到项目中

  // 从新安装的包中导入 Ant Design 的图标集数据
  import antDesign from '@iconify-json/ant-design/icons.json';
  
  // 将整个图标集添加到离线图标集合中
  addCollection(antDesign);

  3、在菜单中使用图标：ant-design:bell-outlined