请教大侠,webpack打包图片的时候,页面上显示不出来,还有网站根目录的疑问?

还请师兄指点一下,先上图片,首先是文件目录:
https://img3.mukewang.com/5c1627230001c91707830256.jpg

接下来是webpack的图片部分的配置信息:

https://img1.mukewang.com/5c16272c0001a18d06010298.jpg

遇到的问题具体就是:图片显示不出来,浏览器控制台报错也说图片找不到。我在控制台代码里看到,图片的路径是: http://localhost:3000/images/...
因为站点根目录之前设置的contentBase是 /views,index.html也放在里面的,这时候我就把contentBase设置为 '/',我想实现的效果就是把根目录设置为webpack配置文件的同级目录,index.html也放在views的外面,同时使得图片文件夹也在根目录下,更改图片路径为 ./images/logo.png,但这时候打开浏览器页面找不到了;
这个时候,我把contentBase屏蔽了,index.html还放在外面,还是找不到。。。
所以就遇到一个矛盾:
如果根目录views和images同级,那么图片就显示不出来(个人猜测是图片没有打包到根目录下),而调整contentBase想把images放在根目录下,却没搞定,不知怎么才能搞定?


RISEBY
浏览 442回答 1
1回答

牛魔王的故事

//引入图片的姿势不正确,不可以直接这样 ‘../images/...‘;//要么&nbsp;import logo from ‘../images/logo.png’;<img src={logo} alt=""/>要么&nbsp;<img src={require('../images/logo.png')} alt=""/>//以上两种随便选
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript