Напишите легко расходуемые рамки машинописного текста

Question

Я разрабатываю структуру, опубликованную в NPM, и все работает нормально. Но что-то действительно болит, когда я использую свою собственную инфраструктуру как внешний модуль. Я должен установить импорт с полными путями, как это:

import { MyService } 'myframework/all/the/internal/path/myservice.service'; 

И я должен сделать один другой оператор импорта для каждого компонента класса, услуг или веб-я использую из моей структуры. Это, я полагаю, потому, что файлы декларации не экспортируются из верхнего файла index.d.ts.

Благодаря Matthias247 я правильно написал файлы реэкспорта, в которых я экспортирую все классы в свои рамки. А при использовании его в качестве внешнего модуля НОГО, он хорошо работает, и я могу написать все импорт как то:

import {MyService, MyClass1, MyClass2, ... } from 'myframework'; 

Теперь, когда это работает, я пытался сделать мой скомпилирован JavaScript файлов одиночного bundle.js быть загружены SystemJS так же, как @angular модули.

И это, где я действительно, полностью потерял ... Я не могу понять, что является или должно быть правильным способом построить такой комплект. Используя функцию браузера, каждая команда не работает, записывая «NO_MODULE_FOUND» в мой пакет bundle.js. Итак, я попытался использовать tsify для запуска в качестве плагина для браузера, и похоже, что он делает правильную работу, собирая все классы в одном комплекте. Но небольшая проблема, это также связывает все @angular и RxJS.

Пожалуйста, может ли кто-нибудь направить меня на то, как предполагается создать пакет UMD? Я компилирую с опцией «module: commonjs», но поскольку любой файл распознается как модуль, прокручивая браузер, я действительно не знаю, что делать.

Answer 1

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

import {MyService, MyClass1, MyClass2, ... } from 'myframework'; 

в конце концов, даже если эти виды могли бы быть определены во вложенной папке вашей структуры.

Обычный способ сделать это - использовать реэкспорт. В основной папке вашего фреймворка вы можете иметь некоторый index.ts, в то время как реэкспортировать все типы, которые действительны для пользователя.

Как

export * from 'myframework/all/the/internal/path/myservice.service'; 

Для того, чтобы не ссылаться на все типы из основного индексного файла вы также можете сделать это в иерархическом порядке. Например. определите файл index.ts также в подпапках, например myframework/all/the/internal/path/index.ts и экспортируйте все типы из этой папки в него. Затем на более высоком уровне экспортируйте подпапку: export * from 'myframework/all/the/internal/path';