Як оголосити та імпортувати інтерфейси машинопису в окремий файл

Я хочу визначити кілька інтерфейсів у своєму власному файлі у своєму проекті на основі машинопису, з якого я буду реалізовувати класи для виробництва, а також макети для тестування. Однак я не можу зрозуміти, який правильний синтаксис. Я знайшов безліч підручників з оголошення інтерфейсів та їх реалізації, але всі вони мають тривіальну реалізацію як інтерфейсу, так і похідних класів в одному файлі, що не дуже реально. Який правильний спосіб експортувати та імпортувати інтерфейси?

Вам потрібно експортувати інтерфейс із файлу, в якому визначено, та імпортувати його туди, куди ви хочете його використовувати.

у IfcSampleInterface.ts:

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

В SampleInterface.ts

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

Використовуйте d.tsфайли визначення ( ) та простори імен, не потрібно імпортувати / експортувати модулі таким чином. Напевнений тип проекту має керівництво та величезну кількість прикладів, як це зробити.

Експортуйте лише кілька інтерфейсів

Без розповсюдження декількох експортів ви можете згрупувати їх в один export {}блок (у цьому випадку неdefault слід оголошувати тип файлу ):

// interfaces.ts
interface IWords {
  [key: string]: string; 
}

interface INumbers {
  [key: string]: number; 
}

interface IBooleans {
  [key: string]: boolean; 
}

interface IValues {
  [key: string]: string | number; 
}

interface IStructures {
  [key: string]: INumbers | IBooleans | IValues;
}

export {
  // not exporting IWords | INumbers
  IBooleans,
  IValues,
  IStructures,
}

Приклад імпорту

import { IBooleans, IValues, IStructures } from 'interfaces';

const flags: IBooleans = { read: true, write: false, delete: false };

const userFile: IValues = { user: 1, username: 'One', file: 'types.txt' };

const userContext: IStructure = {
  file: userFile,
  permissions: flags,
  counts: { views: 3, writes: 1 } // => INumbers (lint: try to remove IValues from IStructures)
};

Вам потрібно експортувати інтерфейси у файлі, де визначено, та імпортувати їх у файли, в яких вони використовуються. Див. Це посилання для прикладів.

x.ts

interface X{
    ...
}
export default X

y.ts

import X from "./x.ts"
// You can use X now

Для отримання додаткової інформації див. Https://www.typescriptlang.org/docs/handbook/modules.html