@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