feat: support svg as component

[sorrycc]

e.g.

import { ReactComponent as Rice } from './rice.svg';

export default function() {
  return (
    <div>
      <h1>Page index</h1>
      <Rice width="120" height="120" />
    </div>
  );
}

例子

• https://github.com/umijs/umi-examples/tree/master/svg-as-component

参考

• https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-svgs

[afc163]

https://ant.design/components/icon/#Custom-SVG-Icon

能配合这个用么

[sorrycc]

这个不已经是 react 组件了吗？

[shengbeiniao]

能否支持svg-sprite-loader

[2b0x]

诚哥你好呀请教一下 关于将svg作为组件引入使用遇到的小问题。
一开始我是用antd3的 @svgr/webpack 的这个loader 结果就是引入svg时，开发环境把svg当成依赖了，然后警告找不到相关依赖

后面看到你这个pr，于是尝试了下，开发环境是没任何问题的，但是在构建机上构建的时候，总是构建不通过，经过排查，就是ReactComponent导致的。
请问这个构建时，是否和node版本有关系，我本地是node16~ 看构建机的错误日志，没啥头绪~