Typescript Web包在生成时动态导入文件

我有一个webpack+typescript项目，有大约1000张图片。我还有一个文件描述了这些图像，如下所示：

[{
  code: 'imageACode',
  alt: 'imageAAlt',
  source: './pathToA.jpg'
}]

B、C、D和我得到的其他997张图片的代码相同。在一天结束时，客户端应生成以下html：

<img src="/static/pathToA.jpg" alt="imageAAlt"/>

还有比这更优雅的方式吗

{
  code: 'imageACode',
  alt: 'imageAAlt',
  source: import '../assets/images/pathToA.jpg'
}

---

或者可能是Web包应该运行的某种forEach。

如果您有很多资产，并且不想手动导入它们，您可以使用

这是一个可能适用于您的情况的简单示例：

const images = require.context('../assets/images/', false, /\.jpg$/)
const descriptions = images.keys().map(images).map(source => ({
    code: 'code',
    alt: 'alt',
    source
})

const images = require.context('../assets/images/', false, /\.jpg$/)
const descriptions = images.keys().map(images).map(source => ({
    code: 'code',
    alt: 'alt',
    source
})