vite + vue3统一导出svg名 使用svg

vue3 引入svg
“vite-plugin-svg-icons”: “^1.0.4” 下载此包
src下创建icons文件夹

index.ts

interface FileType {
  [key: string]: any
}
// 导入 svg 下面的 所有 .svg
// @ts-ignore
const files: Record<string, FileType> = import.meta.globEager("./svg/*.svg")
let name = <any>[]
Object.keys(files).forEach((c: string) => {
  c = c.substring(0, c.length - 4).slice(6)
  // 到处svg所有类名
  name.push(c)
})
export default name

svg文件夹中存放svg图片

man.ts 注册

使用方式