vite vue3使用＜icon-svg＞来使用svg图标

安装vite-plugin-svg-icons

node version: >=12.0.0

vite version: >=2.0.0

npm i vite-plugin-svg-icons -D

配置

• vite.config.ts 中的配置插件

import {
    defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {
    resolve } from 'path'
import viteSvgIcons from 'vite-plugin-svg-icons';

export default () => {
   
  return {
   
    plugins: [
      viteSvgIcons({
   
        // 指定需要缓存的图标文件夹
        iconDirs: [resolve(process.cwd