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

【问题标题】：How do I include the source maps of NPM dependencies in the compiled bundle?如何在编译的包中包含 NPM 依赖项的源映射？
【发布时间】：2018-11-01 07:30:03
【问题描述】：

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

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

【问题讨论】：

标签： webpack babeljs source-maps

【解决方案1】：

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

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

【讨论】：