typescript - 用 ts 定义图片的时候怎么定义？

Question

interface IconCardProps {
img: any;
text: string;
}

其中 img 是图片，通过import 导入进来的，怎么定义呢大家？

Answer 1

类似 vite 的做法

declare module '*.jpg' {  const src: string  export default src}

基于，vite 支持导入的图片，默认会处理成 URL 链接的形式

Answer 2

可以新建一个 ts 声明文件：img.d.ts，并将文件放置在 tsconfig.json 中 include属性所配置的文件夹下。

declare module '*.svg'declare module '*.png'declare module '*.jpg'declare module '*.jpeg'declare module '*.gif'declare module '*.bmp'declare module '*.tiff'