在 Vite 项目中如何引入并渲染 SVG
使用 vite-plugin-svgr 插件可以将 svg 文件转换为 react 或 vue 组件，从而直接在代码中作为组件导入和渲染。安装该插件后，在 vite 配置文件中注册它，即可通过 import 语句将 svg 当作普通组件使用，获得类型安全和 tree shaking 支持。
如何处理非组件化的静态 SVG 资源
如果不需要将 SVG 转为组件，而是希望将其作为静态资源引用（例如用于 CSS background 或 img src），Vite 默认会将其视为静态资产处理。此时可以使用 new URL() 语法获取文件的最终输出路径，或者直接使用相对路径引用，Vite 会自动处理哈希和打包。
SVG 组件传入 props 时的行为验证
当 SVG 被转换为组件后，可以通过 props 传递 className、style 或 color 等属性来动态控制样式。验证发现，直接传递 fill 或 stroke 属性可以覆盖 SVG 内部的默认颜色，但需要确保 SVG 源码中使用了这些属性名且未被硬编码为具体色值。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
