使用webpack从json文件导入所有图像？

Question

我需要从JSON文件导入所有图像，才能使用Webpack与应用程序一起使用。 我不认为这很重要，但是图像用作背景图像。 我目前正在这样做：

import image1 from './img/1.jpg';
import image2 from './img/2.jpg';

const content = [
  {
    img: image1
  },
  {
    img: image2
  }
]

function applyContent() {
  someElement.style.backgroundImage = `url(${content[1].img})`;
}

这是工作，但实际上会有更价值观content ，我希望能够加载外部JSON文件。 我也希望该解决方案可以处理不同数量的图像。

如何才能做到这一点？ 我当时正在考虑使用for循环遍历数组的长度，但是我想知道是否有更干净的解决方案？