Vue中img标签src地址编译的问题？

Question

在App.vue文件中

<img src="./img/a.png"><img data-src="./img/b.png">

在开发的时候查看浏览器发现他会被webpack编译为

<img src="/static/xxxx/a.d4fgr4eag.png"><img data-src="./img/b.png">

请问如何让data-src中的图片地址也被webpack编译。
最好是直接能够通过修改webpack配置完成,而不是人为通过写代码完成。

Answer 1

webpack可以打包图片import image from "path/to/image";然后把src属性设为image就可以了