如何将NPM依赖项的源映射包括在已编译的捆绑软件中？

Question

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

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

Answer 1

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

  

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