两张图片同名,然后页面引用的相对路径也相同时,打包出来的文件路径会相同,从而导致图片只有一个生效。
-
问题描述
两张图片同名,然后页面也面引用的相对路径也相同时,会导致图片只有一个生效。(h5dev环境)
复现步骤
1.分别在receive页面以及share页面引入同名的
badge.png
2.图片打包出来后的路径会一样,都是
http://127.0.0.1:10086/static/images/badge.png
继而导致两张图片只有一张生效。3.是否能将图片的打包路径应该加上page的这一层啊,类似
http://127.0.0.1:10086/static/receive/images/badge.png
和http://127.0.0.1:10086/static/share/images/badge.png
,或者加hash啥的,现在我暂时通过文件名加前缀来解决问题。解决方法:
建议修改图片名称避免重名。
h5下,打包后不再保留原始的文件路径,会把图片统一放到一个指定的路径,所以如果图片同名,又被塞到同个路径之下,就会出现覆盖的情况。如果对于把图片统一放置到一个路径的行为不满意,也可以参考文档进行修改。