如何在已编译的包中包含 NPM 依赖项的源映射？

Question

假设我有一个使用 Babel 和 Webpack 编译成捆绑包的前端应用程序，其中包含我拥有的代码的源映射。但是，如果我正在寻找与第三方依赖项相关的问题，我只会在浏览器调试器中看到它们的缩小代码，因为这是从 NPM 下载并在磁盘上可用的代码。我只能自动重新格式化这段代码，但永远看不到原来编写的代码。

除了我的代码的源映射之外，是否有任何方法可以配置开发环境以提供依赖项代码的源映射？

Answer 1

尝试使用https://github.com/webpack-contrib/source-map-loader

当使用具有自己的源映射的第三方库时，此加载程序特别有用。如果没有提取并处理到 webpack 包的源映射中，浏览器可能会误解源映射数据。source-map-loader 允许 webpack 保持跨库的源映射数据连续性，从而保留调试的简便性。