React TypeScript中如何重导出图片并自定义命名？

可以将图片以自定义名称重导出，但需要先为图片文件配置TypeScript类型声明，否则会触发类型错误。

实现步骤： #

1. 添加图片类型声明
   在项目根目录或assets文件夹下创建一个类型声明文件（例如environment.d.ts），写入以下内容：

declare module "*.png";
declare module "*.svg";
declare module "*.jpg";
declare module "*.jpeg";

这段声明让TypeScript能够识别这些后缀的图片文件，避免导入时出现"模块找不到"的类型报错。

2. 在index.ts中重导出图片
   修改assets/index.ts中的代码，使用正确的重命名导出语法：

export { default as FacebookLogo } from "./facebook.png";

注意：你最初尝试的export * as FacebookLogo from "./facebook.png"并不适用，因为图片文件属于默认导出的模块，需要用default as来重命名导出。

配置完成后，其他文件就可以通过import { FacebookLogo } from './assets'来导入该图片，并且使用自定义的名称FacebookLogo。

内容的提问来源于stack exchange，提问作者Axel Lopez