现在,我们将很多js打包在一起,并使用devtool: 'source-map'
选项以确保为我们的打字稿生成了源映射。
问题在于此映射文件是与页面加载异步加载和处理的,因此,如果将断点放入在页面加载后立即运行的代码中,则由于映射文件尚未被钩住,因此它不会总是被命中正常起来。
如果,我添加如下内容:
if (debug === true) window.setTimeout(init, 1000);
else init();
然后1秒钟的延迟足以使chrome时间来处理和映射文件,然后击中断点。
我尝试使用here中提到的其他一些webpack选项(例如'inline-source-map',但这似乎也异步处理了源地图文件-通过数据uri,因此遭受同样的问题)
虽然有效,但上述延迟启动显然很脆弱!有什么方法可以告诉chrome等待处理源映射文件,以便可以击中页面启动断点?