webpack - 如何在编译包中包含 NPM 依赖项的源映射?

标签 webpack babeljs source-maps

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

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

最佳答案

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

This loader is especially useful when using 3rd-party libraries having their own source maps. If not extracted and processed into the source map of the webpack bundle, browsers may misinterpret source map data. source-map-loader allows webpack to maintain source map data continuity across libraries so ease of debugging is preserved.

关于webpack - 如何在编译包中包含 NPM 依赖项的源映射?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53093008/

相关文章:

javascript - 如何在 IE11 中使用 native 代码进行 polyfill?

javascript - 如何配置 webpack 3.5.4 只为 JS 创建源映射,并跳过 CSS?

javascript - 无效的正则表达式::字符类中的范围无序

javascript - 从 Webpack 1 迁移到 Webpack 2

google-chrome - Chrome 内存缓存与磁盘缓存

react-native - 意外使用保留字 'import React-native

sass - 如何使用 webpack 导入 ruby​​ gems(断点)?

node.js - 如何等待并返回 http.request() 的结果,以便多个请求串行运行?

gruntjs - 如何使用 grunt-contrib-concat 和 grunt-contrib-uglify 为每个单独的 js 文件创建源映射?

javascript - 使用 Babel 转译后无法在浏览器中查看原始 ES6 源代码