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

Question

是否可以为 webpack生产环境获取一个可读的堆栈跟踪，用于将dev-tool 设置为source-map的缩小包？我正在运行 Typescript 并响应 Webpack 构建。下面的清单显示了正在抛出的异常的示例：http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:6029http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:5067in 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

    });