在react中使用svg的各种方法总结（附代码）

// webpack rules config

{

    test: /\.svg$/,

    loader: '@svgr/webpack'

}

// 全局声明svg component定义

declare interface SvgrComponent extends React.StatelessComponent<React.SVGAttributes<SVGElement>> {}

declare module '*.svg' {

    const content: SvgrComponent

    export default content

}

import IconReact from '@assets/svg/react.svg'

const Home = () => (

    <p>

        <IconReact width={180} height={180} color="purple" />

    </p>

)