react typescript 项目中的 react-app-env.d.ts 是什么

Question

我刚刚使用 create-react-app 工具创建了一个 react typscript 应用程序，我在项目结构中找到了一个名为 react-app-env.d.ts 的文件。 我需要知道这个文件的用途是什么

Answer 1

该文件引用了特定于使用 Create React App 启动的项目的 TypeScript 类型声明。

这些类型声明添加了对导入资源文件的支持，例如 bmp、gif、jpeg、jpg、png、webp 和 svg。 这意味着以下导入将按预期工作而不会出现错误：

import logo from './logo.svg';

它还增加了对导入 CSS 模块的支持。 这与导入具有 .module.css、.module.scss 和 .module.sass 扩展名的文件有关。

签出这篇博文

Answer 2

正如@mazedul-islam 所说

此文件仅用于确保 Typescript 编译器拾取 create-react-app 基本类型。 最好不要删除或更改，因为它可能会因 create-react-app 中的任何可能更改而更新。 Next.js 做同样的事情，它的解释可能会提供更好的见解： https://nextjs.org/docs/basic-features/typescript#existing-projects

该文件有一个三斜杠指令，它只是引用具有某些类型定义的文件。 您可以检查它或直接从 node_module 打开它： node_modules/react-scripts/lib/react-app.d.ts