Back to skills
extension
Category: Development & EngineeringNo API key required

check-svg

Check if the use of SVG in the project follows best practices: SVG should be used as standalone components (not inline) and imported via import.

personAuthor: jakexiaohubgithub

SVG 组件检查

使用说明

  1. 扫描组件文件,用正则 <svg[^>]*>[\s\S]*?<\/svg> 检测内联 <svg> 标签
  2. 发现违规时,将内联 SVG 提取为 IconName.tsx(PascalCase),放入 components/icons/,原处改为 import + <IconName />
  3. 迁移时将 width/height/fill/className 等属性改为 props

规范: 禁止在业务组件中内联 <svg>;所有图标必须封装为独立组件并通过 import 使用

参考: 具体迁移流程见 svg-icon-best-practice