@ctrlc/vite-plugin-vue-svgo

> 利用svgo处理svg文件

使用手册

$3

``bash
npm i @ctrlc/vite-plugin-vue-svgo -D
`

$3

在vite.config.ts文件中引入插件：

`js
...
import VueSvgo from '@ctrlc/vite-plugin-vue-svgo';

export default defineConfig({
plugins: [
VueSvgo({
// 指定svg所在目录
path: resolve(__dirname, './src/components/SvgIcon/icons/'),
}),
],
})
`

在main.ts中注册组件：

`js
...
import { createApp } from 'vue';
import App from './App.vue';
import { registerSvgo } from 'virtual:@ctrlc-svgo-sprite';

const app = createApp(App);
registerSvgo(app);
``

$3

参数|类型|默认值|说明
----|---|-------|---
path | string | '' | 必填 svg所在目录
name | string | 'svg-icon' | 可选 组件名称
config | Config | null | 支持svgo的config

文档

* gitee