图片路径是static/images/home/fix.png,给一段代码示例是关于ts怎么把import.meta.globEager动态导入图片的方法封装在工具类里,并且路径里的home和fix是动态的
时间: 2023-11-27 13:55:38 浏览: 133
下面是一个示例函数,它接受两个参数:动态的路径和文件类型。它使用`import.meta.globEager`动态导入所有匹配的文件,并返回一个包含它们的对象。
```typescript
async function loadDynamicImages(path: string, fileType: string): Promise<Record<string, any>> {
const images: Record<string, any> = {};
const importObject = await import.meta.globEager(`${path}/*${fileType}`);
for (const [key, value] of Object.entries(importObject)) {
images[key.replace(`${path}/`, '').replace(fileType, '')] = value.default;
}
return images;
}
```
你可以像这样调用它:
```typescript
const images = await loadDynamicImages('static/images/home', '.png');
console.log(images);
```
这将输出一个包含所有PNG图片对象的对象,其中每个键是文件名(不包含路径和扩展名),每个值是图片对象。
阅读全文