问题如标题
代码:
下面是生成后的文件
在webpack 实时刷新的文件
我用webpack构建的,
首先正常的路径应该是./close.png啊(图片和HTML同目录), 但是这个路径不管是在webpack生成后的代码中,还是在webpack自己生成的服务器实时刷新的时候,都找不到图片。
把路径换成../,webpack生成后的文件有图片,生成后的文件图片是加载的,但是在webpack 自己生成的服务器上图片没加载。
谢谢
问题如标题
代码:
下面是生成后的文件
在webpack 实时刷新的文件
我用webpack构建的,
首先正常的路径应该是./close.png啊(图片和HTML同目录), 但是这个路径不管是在webpack生成后的代码中,还是在webpack自己生成的服务器实时刷新的时候,都找不到图片。
把路径换成../,webpack生成后的文件有图片,生成后的文件图片是加载的,但是在webpack 自己生成的服务器上图片没加载。
谢谢
我觉得最好的方法是先把图片import进去,这样就好理解了,因为你开发目录的路径和打包好的路径不一定一样,所以最好这样写,让webpack根据开发目录的结构自动生成打包好的文件引用。例如:
import src from '../close.png';
`<img src="${src}">`
13 回答12.8k 阅读
7 回答1.9k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答873 阅读✓ 已解决
6 回答1k 阅读
2 回答1.3k 阅读✓ 已解决
首先,通过jQuery给html添加src,html加载的时候是以自身来进行定位的,所以应该为./形式;
再者,你说webpack打包说找不到图片,其实这个正常的,网上早就出现了这个问题以及解决这个问题的方法,不用去配置环境最简单的方式是使用绝对路径(/src/close.png),本地行,打包后也是行的。