打字稿：如何为图像自动生成 d.ts 文件

Question

我正在开发一个 React 应用程序并使用 typescript 和 webpack，我知道在 typescript 中如果要导入图像文件，则需要在当前目录中创建一个 d.ts 文件并编写此文件

// index.d.ts
declare module "*.png" {
  const value: string;
  export default value;
}

我的项目目录结构是这样的

-- container
  -- Header
    -- Navigator
         avatar.png
         index.tsx
    -- Banner
         headerGround.png
         index.tsx

如果我要导入png，我需要每个目录写一个d.ts文件，对我来说太繁琐了，有什么办法解决吗？谢谢

Answer 1

在您的 tsconfig.json 中包含您的 TypeScript 声明文件。

{
    "compilerOptions" { ... },
    "include": ["path/to/index.d.ts"]
}

您还可以使用全局模式。例如，typings 目录中可能有多个声明文件。

"include": ["typings/*.d.ts"]

在此处阅读有关 tsconfig.json 的更多信息：https://www.typescriptlang.org/docs/handbook/tsconfig-json.html