有没有一种快速的方法可以从 Chrome DevTools 中显示的 jsx 代码切换到原始的 ES5,然后再切换回来?
打开开发工具,转到开发工具的“设置”,然后在“源”设置下取消选中 Enable JavaScript Sourcemaps。
Enable JavaScript Sourcemaps
您可以双击行号,从源文件跳转到未缩小的输出文件。除此之外,它似乎是有限的。请看下面的评论。
我发现这在开发过程中很有用。当使用 webpack-dev-server(或其他工具)而不缩小 js 时,您可以双击源文件中的行号来跳转到已编译但未缩小的输出文件。
webpack-dev-server
我只是偶然发现了这条评论,然后在2016年12月21日发现了这条评论: Https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
您可以双击行号进入原始行号 文件,但是如果缩小的文件有所有的换行,那么这是没有用的 移除: 有文字包装会使这个工作更好 Https://bugs.chromium.org/p/chromium/issues/detail?id=167287 我认为有一些支持双击 缩小文件跳转到源映射文件,但似乎 最近退化了。 理想情况下,在一个有源地图的缩小文件中,右键单击(或 双击)缩小文件中的任何地方应允许跳转到 一模一样的文件,行和列
您可以双击行号进入原始行号 文件,但是如果缩小的文件有所有的换行,那么这是没有用的 移除:
有文字包装会使这个工作更好 Https://bugs.chromium.org/p/chromium/issues/detail?id=167287
我认为有一些支持双击 缩小文件跳转到源映射文件,但似乎 最近退化了。
理想情况下,在一个有源地图的缩小文件中,右键单击(或 双击)缩小文件中的任何地方应允许跳转到 一模一样的文件,行和列