我想知道如何使用webpack设置内联SVG?
我正在按照react-webpack-cookbook的指导进行操作。
我的webpack.config已正确设置了文件加载器(file loader)。
然而,示例展示了如何使用背景图片:
.icon {
background-image: url(./logo.svg);
}
这个方法很好用,但我想要一个内联的svg图像,我该如何在我的React组件中嵌入我的logo.svg呢?
import React, { Component } from 'react'
class Header extends Component {
render() {
return (
<div className='header'>
<img src={'./logo.svg'} />
</div>
);
}
};
export default Header