@ctrlc/vite-plugin-vue-svgo

利用svgo处理svg文件

使用手册

安装

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

使用方式

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

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

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

在main.ts中注册组件：

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

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

配置项

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

文档

• gitee