javascript - webpack 图片路径问题

查看:100
本文介绍了javascript - webpack 图片路径问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

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

这篇关于javascript - webpack 图片路径问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆