javascript - 请教大侠,webpack打包图片的时候,页面上显示不出来,还有网站根目录的疑问?
黄舟
黄舟 2017-07-05 10:53:44
0
2
794

还请师兄指点一下,先上图片,首先是文件目录:

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

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(2)
伊谢尔伦

雷雷

为情所困

看看你的publicPath的设置了,一般都设置为根目录‘/’

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板