如何从资产文件夹导入多个图像

时间:2019-04-22 05:31:45

标签: javascript webpack

我正在使用Web Pack,并尝试从它们所在的文件夹中将多个图像导入JavaScript,但不确定如何一起完成所有操作。以下代码有效,但一次只能导入一张图像。

我曾考虑过制作一个数组并将所有图像放置在其中,但是它没有用。

从“ ./assets/1.JPG”导入img1;

$(function(){     $('#photos')。html(<figure><img src = ${img1}></figure>); });

1 个答案:

答案 0 :(得分:0)

方式的结合。

您可以使用require(静态方法)

<img src={`${require('./assets/1.JPG')}`} />

或者, 您可以使用require.context推荐)。

检查:https://webpack.js.org/guides/dependency-management/#requirecontext