Как получить читаемую трассировку стека для производственной среды веб-пакета для минимизированного пакета с dev-tool, установленным в source-map?

Question

Можно ли получить читаемую трассировку стека для веб-пакета production окружение для минимизированного пакета с dev-tool, установленным в source-карта ? Я использую Typescript и реагирую сборкой Webpack. Пример создаваемого исключения показан в приведенном ниже листинге:

http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:6029
http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:5067

in w in b in withRouter(b) in e in e in Suspense in div in e in e in S

В приведенной выше трассировке стека можно сделать следующие наблюдения, если для опции devtool установлено значение source-map :

• имена остаются минимизированными, например, w, b и e.
• сообщается о минимизированных местоположениях ошибок, например, номер строки и номера столбца.

Answer 1

Я использую этот пакет npm, и он прекрасно работает:)

https://www.npmjs.com/package/sourcemapped-stacktrace

Пример:

    import * as sourceStackTrace from 'sourcemapped-stacktrace';
    ...

    const minifiedStack = new Error().stack;
    sourceStackTrace.mapStackTrace(minifiedStack, (stackTrace: string[]) => {
        // Do your thing here
    });