我有一些JavaScript代码从任意编译到JS语言编译到commonJS模块,我想使用sourcemaps调试浏览器化的代码。
所以我的文件已经有了//# sourceMappingURL=index.js.map
,我希望browserify可以读取并转换它们,这样我就可以使用我原来的非JS语言进行调试。
我需要另外一个变换吗?
我用browserify的调试标志尝试了它,然后它确实生成了一个源图,但是它用于中间JS文件,而不是原始的非JS文件。我甚至看到原始的//# sourceMappingURL
语句在包中挥之不去,而我的浏览器调试器并不喜欢它。
这有可能吗?
我看到了这一点:Keep original typescript source maps after using browserify但它不起作用。
答案 0 :(得分:2)
您可以在broswerify的输出上运行Sorcery。 Sorcery将解析一系列源图,直到它到达原始文件。巫术会发出一个拥有原始资源的新源图。这与任何特定工具无关,因此它可以与webpack一起使用。
安装:npm install -g sorcery
用法:sorcery -i outputOfBrowserify.js
该命令将覆盖文件及其源映射。