关于在webpack中 jq append 图片问题(救急)

问题如标题
代码:

clipboard.png
下面是生成后的文件
clipboard.png
在webpack 实时刷新的文件

clipboard.png

我用webpack构建的,
首先正常的路径应该是./close.png啊(图片和HTML同目录), 但是这个路径不管是在webpack生成后的代码中,还是在webpack自己生成的服务器实时刷新的时候,都找不到图片。
把路径换成../,webpack生成后的文件有图片,生成后的文件图片是加载的,但是在webpack 自己生成的服务器上图片没加载。

谢谢

阅读 2.6k
3 个回答

首先,通过jQuery给html添加src,html加载的时候是以自身来进行定位的,所以应该为./形式;
再者,你说webpack打包说找不到图片,其实这个正常的,网上早就出现了这个问题以及解决这个问题的方法,不用去配置环境最简单的方式是使用绝对路径(/src/close.png),本地行,打包后也是行的。

应该是图片太小,webpack处理成base64格式了

我觉得最好的方法是先把图片import进去,这样就好理解了,因为你开发目录的路径和打包好的路径不一定一样,所以最好这样写,让webpack根据开发目录的结构自动生成打包好的文件引用。例如:

import src from '../close.png';
`<img src="${src}">`
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题