img标签引入图片 因为react其实是通过js的reader函数渲染的页面,所以直接写src=路径是无法引入图片 我们可以像引入模块一样引入图片 import img from ./../../../../asset/img/user.png 需要用下面的方式引入 img src={require(../images/picture.png)} alt
img标签引入图片
因为react其实是通过js的reader函数渲染的页面,所以直接写src=“路径”是无法引入图片 我们可以像引入模块一样引入图片
需要用下面的方式引入
背景图片引入1 第一种就是常规的 新建一个css文件,然后就可以直接写css语法了
2 第二种就是在react组件中通过变量的方式引入,然后直接将变量赋值给img标签
require我们也可以将相对路径用require包裹之后直接赋给src,就像在vue中一样。
注意:**这里有个问题,因为file-loader库的版本不同,这里有些细微差别。高版本的file-loader库esModule默认为true,require返回一个ES模块而不是字符串路径。而这个ES模块的default属性为字符串路径,所以应该这样写:
我们也不要去纠结我们的file-loader版本到底是多少,当我们直接使用require还是无法正常显示图片的时候,我们在require后面加个.default即可 |
2021-06-04
2019-01-10
2019-02-17
2021-09-12
2021-09-30