vue3 中 TS 引入图片文件

1. 介绍

vue3 中，在 TS 文件中 import Icon from './images/1.png';

2. 示例

1. 创建 src/images.d.ts 文件

2. 声明图片类型的模块

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

3. 在 tsconfig.json 中引入 images.d.ts

{
  // ...
  "include": [
    // ...

    "src/images.d.ts",
  ]
}

3. 参考

• vue3+ts正常引入图片切使用正常但是爆红 (opens new window)