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

Question

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

Answer 1

//引入图片的姿势不正确，不可以直接这样 ‘../images/...‘;

//要么 

import logo from ‘../images/logo.png’;

<img src={logo} alt=""/>

要么 

<img src={require('../images/logo.png')} alt=""/>

//以上两种随便选