如何在Chrome中获取示例的源地图

Question

当我在开发工具中打开源文件时，在Chrome中使用ol 5示例，我只能看到已编译的Webpack版本，并且收到消息“检测到源地图...”，但我对此感到茫然如何打开关联的.map文件。

根据我对其他符合webpack的项目的非常有限的经验，显示的源代码没有任何作用。

Answer 1

您需要打开浏览器开发工具，然后转到“源”，在右侧面板上，单击simple.js。它指出“检测到源地图”。

然后，进入“ webpack”目录，您应该看到simple.js文件未压缩，它来自源映射。请参阅下面的图片，其中我设置了一个断点来说明