sveltekit - 在 SvelteKit 中全局导入图像 url

Question

我正在尝试以通配符方式导入目录中图像的所有 url，有两个可能的扩展名:

import urls from "../static/images/**/*.{png,svg}";

目前该目录下有3个文件，单独导入即可。当我使用此语法时，找不到文件:

Failed to resolve import "../static/images/**/*.{png,svg}" from"src/routes/index.svelte". Does the file exist?

我听说可以在 SvelteKit 中开箱即用地执行此操作，我是否需要在 jsconfig.json 文件中启用或定义导入模式以实现此功能，或安装依赖项？

Answer 1

通过更改导入以使用 meta.glob 修复:

const urls = import.meta.glob("../static/images/**/*.{png,svg}");