source-map-loader

Извлекает карты исходных кодов из существующих файлов исходного кода (из их sourceMappingURL).

Установка

npm i -D source-map-loader

Использование

Документация: Использование загрузчиков

Пример конфигурации webpack

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        use: ["source-map-loader"],
        enforce: "pre"
      }
    ]
  }
};

source-map-loader извлекает существующие карты исходных кодов из всех JavaScript-файлов-входов. Это включает как встроенные карты исходных кодов, так и те, которые связаны через URL. Все данные карт исходных кодов передаются в webpack для обработки в соответствии с выбранным стилем карты исходных кодов, указанным параметром devtool в webpack.config.js.

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

source-map-loader будет извлекать их из любого JavaScript-файла, включая файлы в каталоге node_modules. Обращайте внимание при установке правил include и exclude для максимальной производительности сборки.