在 SvelteKit 中全局导入图像 url
Glob import of image urls in SvelteKit
我正在尝试以通配符方式导入目录中图像的所有 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 文件中启用或定义导入模式才能实现此功能,或者安装一个依赖?
已通过将导入更改为使用 meta.glob:
来修复
const urls = import.meta.glob("../static/images/**/*.{png,svg}");
我正在尝试以通配符方式导入目录中图像的所有 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 文件中启用或定义导入模式才能实现此功能,或者安装一个依赖?
已通过将导入更改为使用 meta.glob:
来修复const urls = import.meta.glob("../static/images/**/*.{png,svg}");