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

Question

打包结果：

74b0aae0716022ce3089275eaaf364ac.png 280 bytes

html:

<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