javascript - webpack 图片路径问题

 爱碩爱你_静莫失心 发布于 2022-11-13 01:40

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

3.项目图片

4.webpack.config.js

5.dist文件夹

6.原始demo

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

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

    2022-11-13 01:40 回答
  • 你的publickPath没有配置吧

    在这样引用

    2022-11-13 01:40 回答
  • 给你的output那个配置那儿加个publicPath,不然就改你的url-loader那儿加一个dist,建议改统一出口路径

    2022-11-13 01:40 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有