如何使用webpack设置内嵌svg

JavaScript Webpack

小卤蛋

2020-03-24

我想知道如何使用webpack设置内嵌svg?

我正在关注react-webpack-cookbook

我已经使用文件加载器正确设置了webpack.config

但是该示例显示了使用这样的背景图像:

.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

第3559篇《如何使用webpack设置内嵌svg》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android