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

Question

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

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

Answer 1

可以新建一个 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'

Answer 2

类似 vite 的做法

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

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