我正在使用Web Pack,并尝试从它们所在的文件夹中将多个图像导入JavaScript,但不确定如何一起完成所有操作。以下代码有效,但一次只能导入一张图像。
我曾考虑过制作一个数组并将所有图像放置在其中,但是它没有用。
从“ ./assets/1.JPG”导入img1;
$(function(){
$('#photos')。html(<figure><img src = ${img1}></figure>
);
});
答案 0 :(得分:0)
方式的结合。
您可以使用require(静态方法)
<img src={`${require('./assets/1.JPG')}`} />
或者,
您可以使用require.context
(推荐)。
检查:https://webpack.js.org/guides/dependency-management/#requirecontext