在webpack 4中导入图像

Question

您如何在webpack 4中导入图像？

这是我的Webpack配置。图像加载到静态文件夹中，但名称是加密的。如果我想导入它并将其注销，那么只有带文件名的字符串。我该如何正确使用它？

这就是我使用它的方式

global::

Webpack配置

import img  from "../../../../assets/hallo.png"

<img style = "height: 100px;width: 100px" src="${img}" />

Answer 1

你只是在这里传递一个空字符串作为源。

<img style = "height: 100px;width: 100px" src="${img}" />

如果你想使用这个$ {}

，你需要使用模板字符串

<img style = "height: 100px;width: 100px" src=`${img}` />

在这种情况下，你可以这样做

 <img style = "height: 100px;width: 100px" src={img} />