FreeStyleWiki

TypescriptでJavascriptのモジュールを呼び出すには

このエントリーをはてなブックマークに追加

[Javascript]

TypescriptでJavascript

@types からインストールする

型定義ファイル( d.ts )を自作する

require でモジュール読み込み

@typesにはたいていライブラリがないので自分で型定義ファイル( d.ts )を自作することになる

  型定義ファイル( d.ts )を自作する

  • src/@types ディレクトリを作成する。

使ってみた感じdts-genのほうが良いように見えた。

手順(dts-gen)

詳しくはdts-gen を使って 型情報のない(JavaScriptのみで記述されている)ライブラリから d.ts を生成するを参照。

  1. npx dts-gen -m <モジュール名>
  2. tsconfig.jsonにTypeScriptオプションのbaseUrl, pathsの組み合わせで型定義ファイルへのパスを指定する

手順(dts-make)

実行例

$ dtsmake -e -s ./node_modules/vue-drag-resize/src/index.js
$ mv ./node_modules/vue-drag-resize/src/index.d.ts src/@types/vue-drag-resize.d.ts