Исходные карты для угловых элементов, скомпилированные при размещении в отдельном приложении

У нас есть проект, в котором мы создаем на основе элементов Angular элементы, которые впоследствии получают виджеты рендеринга в отдельном хост-веб-приложении. По сути, это хост-приложение динамически отображает веб-компоненты, содержащиеся в приложении угловых элементов, и отображает их в макете.

Скомпилированный минимизированный вывод приложения angular elements размещается на сервере, отдельном от хост-приложения (мы используем архитектуру микросервиса).

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

Я хотел бы иметь возможность просматривать дерево исходных файлов в инструментах разработчика и устанавливать точки останова в машинописном коде.

Буду очень признателен за любые предложения о том, как я могу подойти к этому.


person kSeudo    schedule 19.11.2019    source источник


Ответы (1)


Оказывается, я смог использовать это, чтобы заставить его работать: https://webpack.js.org/configuration/devtool/

После того, как я установил пакет и выполнил сборку, настроив его на использование eval, я смог увидеть исходные файлы машинописного текста в инструментах разработчика.

person kSeudo    schedule 19.11.2019