利用svgo处理svg文件
npm install @ctrlc/vite-plugin-vue-svgo@ctrlc/vite-plugin-vue-svgo> 利用svgo处理svg文件
``bash`
npm i @ctrlc/vite-plugin-vue-svgo -D
在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);
``
参数|类型|默认值|说明
----|---|-------|---
path | string | '' | 必填 svg所在目录
name | string | 'svg-icon' | 可选 组件名称
config | Config | null | 支持svgo的config
* gitee