javascript - 如何为开发工具设置为源映射的缩小包获取 webpack 生产环境的可读堆栈跟踪？

Question

是否有可能获得 可读 webpack 的堆栈跟踪 生产 的环境缩小 与设置为 的开发工具捆绑在一起源 map ?我正在运行 Typescript 并使用 Webpack 构建使用react。下面的 list 显示了一个正在引发的异常的示例:

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
    });