Внешние в угловых

Question

К сожалению, в Angular, похоже, много конфигурационных файлов и базовых файлов, необходимых для запуска проекта. Вместо того, чтобы засорять эту страницу кодом и выполнять большую работу по вставке копий, я поместил ее в репозиторий, который можно клонировать и запустить здесь . Или он может быть запущен в режиме онлайн с помощью StackBlitz здесь . StackBlitz также не может разрешить пакет «TFS», который должен быть включен в пакет веб-расширений VSS.

---

Я пытаюсь использовать VSS Web Extension SDK и Angular вместе, чтобы создать собственный виджет для моей панели мониторинга Azure. (обратите внимание, что для этого вопроса доступ к Azure не требуется)

Мне не удается загрузить библиотеку, которую я хочу использовать во время выполнения, и я не знаю, почему.

Я получаю следующую ошибку.

Uncaught ReferenceError: TFS is not defined
    at Object.TFS/Dashboards/WidgetHelpers (WidgetHelpers":1)
    at __webpack_require__ (bootstrap:79)
    at Object../src/app/app.component.ts (Binding.component.ts:14)
    at __webpack_require__ (bootstrap:79)
    at Object../src/app/app.module.ts (app.component.ts:76)
    at __webpack_require__ (bootstrap:79)
    at Object../src/main.ts (environment.ts:19)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (polyfills.ts:72)
    at __webpack_require__ (bootstrap:79)

У меня есть пользовательский файл конфигурации веб-пакета для расширения конфигурации веб-пакета угловой сборки по умолчанию, которая выглядит как

module.exports = {
    externals: [
        /^VSS\/.*/, /^TFS\/.*/, /^q$/
    ]
};

Внешние элементы были извлечены из проекта, в котором, похоже, настроен файл конфигурации веб-пакета, который называется Расширение VSTS генератора . Их конфиг может быть доступен здесь . Я обнаружил это после проблем со сборкой во время компиляции.

Ошибка генерируется во время выполнения из файла app.component.ts. Когда строки, которые включают библиотеку, закомментированы, проблем нет.

Я довольно новичок как в Webpack, так и в Angular, поэтому, вероятно, допустил ошибку при расширении компоновщика Angular, но я не уверен. У кого-нибудь есть предложения по поводу того, что я делаю не так?

---

Я загрузил в GitHub пример минимального запускаемого проекта, который можно загружать и запускать, если у вас настроена npm. Вы можете получить это здесь . Запустить с StackBlitz