typescript 2.0 / 3.0 でカスタムの「型付け」を追加する方法

質問

によると この の記事では、typescript 2.0 の typings システムが変更されたため、カスタム typings をどのようにアタッチするかが不明になっています。NPM パッケージを作成する必要があるのでしょうか？

ありがとうございます。

どのように解決するのですか？

JSライブラリの型を宣言できる、プロジェクト専用のローカルカスタム型付けを作成することができます。そのためには

1. 型宣言ファイルを保存するためのディレクトリ構造を作成し、以下のようなディレクトリ構造になるようにします。

    .
    ├── custom_typings
    │   └── some-js-lib
    │       └── index.d.ts
    └── tsconfig.json
   
   

2. には index.d.ts ファイルに、JSライブラリの宣言を追加してください。

    declare module 'some-js-lib' {
      export function hello(world: string): void
    }
   
   

3. (オプション：TypeScript >= 4.xの場合はスキップ) この型宣言への参照を compilerOptions セクションにこの型宣言への参照を追加します。 tsconfig.json :

    {
      "compilerOptions": {
        ...
        "typeRoots": ["./node_modules/@types", "./custom_typings"]
      },
      ...
    }
   
   

4. 宣言されたモジュールをコードで使用します。

    import { hello } from 'some-js-lib'
   
    hello('world!')