1. ホーム
  2. typescript

[解決済み] typescriptのインターフェイスを別ファイルで宣言しインポートする方法

2022-10-22 12:11:45

質問

typescriptベースのプロジェクトで、いくつかのインターフェイスを独自のファイルで定義し、そこからプロダクション用のクラスやテスト用のモックを実装したいと思います。しかし、正しい構文が何であるかがわかりません。インターフェイスの宣言と実装に関するチュートリアルはたくさんありますが、どれもインターフェイスと派生クラスの両方を同じファイルに実装するという些細なもので、あまり実世界的ではありません。インターフェイスをエクスポートおよびインポートする正しい方法は何でしょうか?

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

インターフェイスを定義したファイルからエクスポートし、使用したい場所にインポートする必要があります。

IfcSampleInterface.ts :

export interface IfcSampleInterface {
   key: string;
   value: string;
}

SampleInterface.ts

import { IfcSampleInterface } from './IfcSampleInterface';
let sampleVar: IfcSampleInterface;