如何使用 WebPack 5 导入多个图像答案

【问题标题】：How to import multiple images with WebPack 5如何使用 WebPack 5 导入多个图像
【发布时间】：2021-05-25 08:09:15
【问题描述】：

使用 webpack 5，我的项目中有一个包含 40 个图像的文件夹。我想根据用户在 DOM 中搜索的内容动态导入特定图像。目前我能弄清楚如何加载我的图像的唯一方法是逐个编写：

import Coffee from '../assets/coffee.svg"

问题在于，我不想编写 40 条导入语句。我在网上寻找答案，但似乎大多数答案都与 React JS 相关。

【问题讨论】：

【解决方案1】：

我能够通过使用 require 找出我的问题。

 const coffee = require(`../assets/icons/${drink.name}.svg`);

【讨论】：