我有一个很大的javascript文件。使用Chrome工作区,修改此文件后会自动重新加载代码。这是在操作(例如单击或刷新)之后发生的。它冻结页面,直到重新加载代码。
这个20k line / 750ko文件大约需要20秒,即使我只是在某个地方更改字符串也是如此。
仅当devtools打开时,才会激活此自动重新加载。
我问这个问题是因为关闭选项卡(和devtools)并重新打开新选项卡(使用devtools)要快得多。没有20秒的延迟,只有正常的2秒页面加载时间。
为了拥有良好的测试条件,我删除了源映射,并消除了在本地服务器上重写URL的需求。
使用url重写,Chrome无法将文件映射到源,因此自动重新加载不起作用。但是页面刷新很快,不需要打开新标签页。
我有另一种开发配置,其中加载了100个小文件,而不是一个大文件。在这种情况下,自动重装可以正常工作。我不确定将这种策略应用于包含1000个文件的整个项目是否会很好地扩展,除非在需要的时间延迟加载它们。