javascript - 如何使用 WebPack 5 导入多个图像

Question

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

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

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

标签： javascriptimagewebpackecmascript-6import

Answer 1

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

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