在 Vue3+Vite+TypeScript 项目中使用 SVG 文件并支持自定义样式

参考文档vite-svg-loader安装与配置安装插件pnpmaddvite-svg-loader-D配置// vite.config.tsimportsvgLoaderfromvite-svg-loaderexportdefaultdefineConfig({plugins:[vue(),svgLoader({defaultImport:component})]})使用script setup langtsimportIconfromimages/icon.svg/scripttemplatecomponent:isIcon/!--或者--Icon//templatestyle langlessscoped.icon{width:20px;height:20px;fill:currentColor;color:blue;}/style