浏览器和已经拥有源映射的文件

Question

我有一些JavaScript代码从任意编译到JS语言编译到commonJS模块,我想使用sourcemaps调试浏览器化的代码.

所以我的文件已经//# sourceMappingURL=index.js.map有了,我希望browserify能够读取并转换它们,这样我就可以使用我原来的非JS语言进行调试.

我需要另一个变换吗？

我尝试使用browserify的调试标志,然后它确实生成了一个源图,但是它用于中间JS文件,而不是原始的非JS文件.我甚至看到原始//# sourceMappingURL语句在包中挥之不去,而我的浏览器调试器并不喜欢它.

这有可能吗？

我看到这一点:使用browserify后保留原始的打字稿源图但它不起作用.

Answer 1

您可以在 broswerify 的输出上运行Sorcery 。Sorcery 将解析一系列源映射，直到到达原始文件。Sorcery 会发出一个包含原始源的新源映射。这不依赖于任何特定工具，因此它可以与 webpack 一起使用。

安装：npm install -g sorcery

用法：sorcery -i outputOfBrowserify.js 该命令将覆盖该文件及其源映射。