使用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循环迭代数组长度，但我想知道是否有更清洁的解决方案？