·19 分钟阅读·管理员
写个vite插件玩玩
该自定义Vite插件用于灵活处理SVG文件导入,结合svgo对SVG进行压缩优化。插件支持四种导入模式:默认URL导入、作为Vue组件导入(可配置是否经svgo处理)、跳过svgo处理的组件导入,以及原始数据导入。其核心原理是通过正则匹配路径,在load钩子中读取文件,利用svgo优化代码,并借助vue/compiler-sfc将SVG编译为Vue组件。此外,开发过程还提供了配套的TypeScript类型声明配置,以解决ESLint和TS校验报错,并附带完整代码与使用示例,帮助开发者高效集成SVG资源。