如何在SvelteKit的lib文件夹中配置index.d.ts文件
在SvelteKit中通过文件夹索引批量导入组件
直接按以下步骤操作即可实现批量导入:
- 在
lib/form目录下新建index.js(或index.ts,根据项目使用的语言选择)文件 - 在索引文件中导出目标组件:
// lib/form/index.js import Input from './Input.svelte'; import Button from './Button.svelte'; export { Input, Button };
- 之后就能用你想要的方式导入组件了:
import { Input, Button } from "$lib/form";
补充说明:
- 无需额外创建
index.d.ts,SvelteKit会自动处理Svelte组件的类型推导,索引文件的导出类型也会被正确识别。 - 若项目使用TypeScript,确保
tsconfig.json中已配置$lib的路径映射(默认SvelteKit初始化项目已包含该配置)。
内容的提问来源于stack exchange,提问作者Lucas
相关产品推荐
相关产品推荐

