Как включить исходные карты зависимостей NPM в скомпилированный пакет?

Question

Допустим, у меня есть приложение внешнего интерфейса, скомпилированное с помощью Babel и Webpack в пакет, который включает в себя карту исходного кода моего кода. Однако, если я ищу проблему в связи со сторонними зависимостями, я вижу только их уменьшенный код в отладчике браузера, поскольку это то, что загружается из NPM и доступно на диске. Я мог только переформатировать этот код автоматически, но никогда не видел исходный код, как он был написан.

Есть ли способ настроить среду разработки для предоставления исходных карт кода зависимостей в дополнение к исходным картам моего кода?

Answer 1

Попробуйте использовать https://github.com/webpack-contrib/source-map-loader

Этот загрузчик особенно полезен при использовании сторонних библиотек, имеющих собственные исходные карты. Если они не извлечены и не обработаны в исходной карте пакета веб-пакетов, браузеры могут неправильно интерпретировать данные исходной карты. source-map-loader позволяет веб-пакету поддерживать непрерывность данных исходной карты в разных библиотеках, что упрощает отладку.