Отладка микросервисного приложения React с помощью веб-пакета и портного

Question

У меня есть микросервисное приложение, созданное по реакции и с учетом индивидуальных особенностей.В настоящий момент мой бэкэнд имитируется с помощью node.js.

Теперь я пытаюсь отлаживать, не заканчивая в bundle.js, но в самом файле javascript.

Я следовал этой инструкции (используявместо phpstorm): https://blog.jetbrains.com/webstorm/2017/01/debugging-react-apps/

Я использую devtool: 'source-map' в файле webpack.config.js и настроил задание отладки Javascript, куда я добавил удаленный URL.

ВсеКажется, работает, когда я устанавливаю точку останова в микросервисе, который отображается сначала индивидуально.

Но точка останова в другом сервисе никогда не срабатывает.Сопоставление источника настраивается в каждом микросервисе webpack.config.js.Даже в веб-пакете: //.В папке отображается только код первого загруженного микросервиса.

Я подумал, что могу запустить любой микросервис автономно и отладить его таким образом.Но поскольку служба 1 может инициировать событие в службе 2, отладка приложения wohle более подходит.

Кто-нибудь знает, как отлаживать такое приложение?

Answer 1

Я нашел ответ:

Сначала я исключил каждую папку сборки каждого микросервиса через «настройки» -> «каталоги», как описано здесь: https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/ Кроме того, я отметил каждую папку src как SourceПапка в настройках тоже.

В задании отладки JavaScript я затем сопоставил каждую папку src, назначив удаленный URL «webpack: /// src» (который на самом деле не нужен в Webstorm 2017+ и имеятолько одна папка src).Наконец я назначил удаленный URL-адрес "http://myapp.com" для корневой папки.

Теперь это выглядит так:

Удаленные URL-адреса локальных файлов

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