webpack中打包的图片只能在css中调用吗

Question

打包结果：74b0aae0716022ce3089275eaaf364ac.png 280 byteshtml:<div class="test"></div>css:.test{  background: url('../img/01.png');}这样子图片正常显示，用调试工具发现/img/01.png被替换成74b0aae0716022ce3089275eaaf364ac.png :.test {    background: url(86e33f0….png);}一切正常我想问的是可以直接在html中使用img标签，达到上面这样打包后替换名称的效果，该怎么做呢？

Answer 1

在react中可以直接用import或者require来引入图片，然后把返回结果作为img的src