Использование пространства имен, распространяемого по нескольким файлам в TypeScript

Question

Я начал работу над крупномасштабным проектом машинописного текста.

С самого начала я хочу, чтобы мои файлы были организованы (этот проект будет разделен между множеством разработчиков, поэтому заказ очень необходим).

Я пытаюсь использовать модули/пространства имен и разделять классы на отдельные файлы для каждого из них, с папкой, содержащей пространство имен.

Структура файла:

app.ts 
    \Classes 
    ---- \Animals 
    ---- ---- Mammals.ts 
    ---- ---- Reptiles.ts 

Я затем попытаться импортировать все файлы в этом пространстве имен в app.ts используя что-то вроде: import * as Animals from "./Classes/Animals"

Что касается пространства имен самих файлов, я попытался следующий, не имела успеха:

namespace Animals { 
    export class Mammals { 
     constructor() { 
     } 
    } 
} 

, а также:

module Animals { 
    export class Reptiles { 
     constructor() { 
     } 
    } 
} 

К сожалению, путь никогда не распознается (поскольку он указывает на папку, а не на один файл). Возможно ли это? Наличие всех моих классов из одного пространства имен в одном файле приведет к созданию файлов длиной в тысячи строк и для этого проекта, который не поддерживается.

Я также заметил, что TypeScript 1.5 поддерживает tsconfig.json. Однако при необходимости добавить каждый файл вручную к карте - это верный способ введения проблем, когда разработчики начинают добавлять классы.

ПРИМЕЧАНИЕ. Я использую Visual Studio 2015, TypeScript 1.5 (я уверен, не уверен, как проверить). У меня также включена поддержка ES6.

Спасибо за рекомендации, которые вы можете дать!

Answer 1

Использовать реэкспортирование для создания внешнего модуля t шляпа группы и выставляет типы из других модулей:

// Classes/Animals.ts 
export * from '.\Animals\Mammals'; 
export * from '.\Animals\Reptiles'; 

Затем импортировать типы из нового модуля, как обычно:

// app.ts 
import * as Animals from '.\Classes\Animals' 

let dog: Animals.Dog; 
let snake: Animals.Snake; 

Или

// app.ts 
import { Dog, Snake } from '.\Classes\Animals' 

let dog: Dog; 
let snake: Snake; 

Answer 2

Внешние модули подразумевают, что вы загружаете файлы по файлу. И AMD, и CommonJS не имеют такой вещи, как пространство имен. Вы можете использовать некоторую постобработку для связывания файлов в одном модуле.

---

Следующая определяет внутренний модуль:

module Animals { 
    export class Reptiles { 
     constructor() { 
     } 
    } 
} 

Вы не должны использовать import для него. Animals.Reptiles видно везде. Единственная цель - загрузить скрипты в правильном порядке (например, базовые классы перед наследниками). Поэтому вы должны перечислить все файлы в ts.config или в другом месте. В моем проекте я использую пакеты в папках и соглашаюсь добавить @ в имена файлов базовых классов.

Другим решением является использование внешних модулей: AMD (RequireJS) или CommonJS (Browserify). В этом случае удалите верхний уровень module из декларации.Если один файл содержит только один тип вы можете экспортировать его в корень:

class Reptiles { 
    constructor() { 
    } 
} 

export = Reptiles; 

Вы можете обратиться модуль по пути к файлу:

import Reptilies = require('..\Animals\Reptilies') 
var reptile = new Reptile(); 

Или с новыми ES6 модулями:

export class Reptiles { 
    constructor() { 
    } 
} 

---

import { Reptiles } from '..\Animals\Reptilies'; 

Answer 3

нашел способ для достижения этой цели, но не с ключевым словом namespace.

1. В "Животные" классы, Animal.ts & Mammal.ts & Reptile.ts под пространством имен.
2. с индексом.ts для ствола.
3. animals.ts для группировки пространств имен.

Примеры Классы:

index.ts (как баррель)

animals.ts (для пространства имен группировки)

И здесь вы понимаете концепцию пространства имен.