是否可以让Chrome同步加载和处理源地图文件,以便命中页面加载断点?

时间:2018-08-06 12:52:29

标签: typescript google-chrome debugging webpack source-maps

现在,我们将很多js打包在一起,并使用devtool: 'source-map'选项以确保为我们的打字稿生成了源映射。

问题在于此映射文件是与页面加载异步加载和处理的,因此,如果将断点放入在页面加载后立即运行的代码中,则由于映射文件尚未被钩住,因此它不会总是被命中正常起来。

如果,我添加如下内容:

if (debug === true) window.setTimeout(init, 1000); else init();

然后1秒钟的延迟足以使chrome时间来处理和映射文件,然后击中断点。

我尝试使用here中提到的其他一些webpack选项(例如'inline-source-map',但这似乎也异步处理了源地图文件-通过数据uri,因此遭受同样的问题)

虽然有效,但上述延迟启动显然很脆弱!有什么方法可以告诉chrome等待处理源映射文件,以便可以击中页面启动断点?

0 个答案:

没有答案