webpack 图片路径问题

1.js引用的图片路径是img文件夹,打包之后压缩的图片到output.path:dist img文件夹里,然后打开浏览器,报错找不到图片,查看报错信息是因为地址依旧指向了img/jpg文件,而不是dist/img/.jpg,请问是我写的不对还是需要如何处理
2.报错信息

clipboard.png

3.项目图片

clipboard.png

4.webpack.config.js

clipboard.png

5.dist文件夹

clipboard.png

6.原始demo

git clone git@github.com:ruanyf/webpack-demos.git

阅读 3.8k
3 个回答

给你的output那个配置那儿加个publicPath,不然就改你的url-loader那儿加一个dist,建议改统一出口路径

你的publickPath没有配置吧图片描述

在这样引用图片描述

感谢 @不爱吃西红柿的鱼 @JeremyChen 的回答,我的问题已经解决了,我自身存在两个问题:
1.没有理解publicPath的作用;
2.没有正确理解根目录的概念。
现在问题都已解决,感谢两位的热心回答。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题