TypeScriptインターフェースを別のファイルで宣言してインポートする方法 質問する

TypeScriptインターフェースを別のファイルで宣言してインポートする方法 質問する

TypeScript プロジェクトの独自のファイルにいくつかのインターフェースを定義し、そこから本番用のクラスとテスト用のモックを実装したいと考えています。

しかし、正しい構文がわかりません。インターフェースの宣言と実装に関するチュートリアルはたくさん見つかりましたが、それらはすべて、インターフェースと派生クラスの両方を同じファイルに簡単に実装しており、あまり現実的ではありません。

インターフェースをエクスポートおよびインポートする正しい方法は何ですか?

ベストアンサー1

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

IfcSampleInterface.ts

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

SampleInterface.ts

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

おすすめ記事