vite-svg-loader是什么，如何使用？

vite-svg-loader是一个Vite 2.x的轻量级插件，用于单独引入svg文件文件，引入后就像使用Vue组件那样

基本使用如下

• 首先安装插件

npm install vite-svg-loader --save-dev

• 然后配置到vite.config.js

import svgLoader from 'vite-svg-loader'

export default defineConfig({
  plugins: [vue(), svgLoader()]
})

• 准备好svg文件后，导入svg

import IconOpen from './assets/open.svg'

• 最后，可以跟Vue组件一样使用svg文件了，比如

<template>
  <IconOpen />
</template>