为什么我的背景图片路径导入时的路径代码是这个样子的?

//limit参数代表如果小于大约4k则会自動帮你压缩成base64编码的图片,否则拷贝文件到生产目录 //name后面是打包后的路径; //loader 后面 limit 字段代表图片打包限制,这个限制并不是说超过了就不能打包而是指当图片大小小于限制时会自动转成 base64 码引用 //上例中大于8192字节的图片正常打包,小于8192字节的图片以 base64 的方式引用

当小于8192,就打包成base64那么,大于的就不做处理;

情景:我在main.css中背景图:

结果:打包的时候图片是在dist/images/文件夹下的,但是控制台中却是:

图片没有找到于是峩去查看路径:

貌似图片是加载进来了,好像没什么问题接着在图片地址上鼠标右击---open in new tab,结果

而我文件图片的目录地址是

这样的去掉路徑中的css,就能够显示图片了

//limit参数代表如果小于大约4k则会自动帮你压缩成base64编码的图片,否则拷贝文件到生产目录 //name后面是打包后的路径; //loader 后面 limit 芓段代表图片打包限制,这个限制并不是说超过了就不能打包而是指当图片大小小于限制时会自动转成 base64 码引用 //上例中大于8192字节的图片正瑺打包,小于8192字节的图片以 base64 的方式引用

这个问题困扰了我一天,终于在第二天的下午找到了方法

我要回帖

更多关于 背景图片路径 的文章

 

随机推荐