我有一个html文件，其中包含修改html外观的内联脚本：
/* html code */ <script type=module> document.getElementsByClassName('test')[0].... // some other code </script>
我正在试着为这个javascript生成源Map，以便在滚动条源Map中调试。有什么建议吗？
8fq7wneg1#
当你编写的源代码在被发送到浏览器之前被转换时（例如从TypeScript转换为JavaScript，模块转换为带有Webpack的单个文件，或者整洁地编写的JS转换为缩小的JS），源代码Map会被使用。当JS中有错误时，它们允许调试告诉您错误出现在原始源文件中的位置，而不是浏览器运行的机器生成代码中。如何生成源Map完全取决于您使用什么工具将源代码转换为发送到浏览器的内容。看起来你只是在写一个内联的JS并运行它，没有任何转换，没有任何东西可以生成一个源代码Map，而且它也没有任何用处。
1条答案
按热度按时间8fq7wneg1#
当你编写的源代码在被发送到浏览器之前被转换时（例如从TypeScript转换为JavaScript，模块转换为带有Webpack的单个文件，或者整洁地编写的JS转换为缩小的JS），源代码Map会被使用。
当JS中有错误时，它们允许调试告诉您错误出现在原始源文件中的位置，而不是浏览器运行的机器生成代码中。
如何生成源Map完全取决于您使用什么工具将源代码转换为发送到浏览器的内容。
看起来你只是在写一个内联的JS并运行它，没有任何转换，没有任何东西可以生成一个源代码Map，而且它也没有任何用处。