javascript - 为什么内联源映射？

Question

今天我了解到可以include source maps直接放入缩小的 JavaScript 文件中，而不是将它们放在单独的 example.min.map 文件中。我想知道:为什么会有人想要做那样的事情？

对我来说，拥有源映射的好处是显而易见的:例如，可以在运行缩小文件时使用原始的、未压缩的源文件调试错误。 最小化的好处也很明显:源文件的大小大大减小，使浏览器下载速度更快。

既然 map 的大小甚至比缩小后的代码本身还要大，那我到底为什么要将源 map 包含到缩小文件中呢？

Answer 1

我四处搜索，发现人们内联源映射的唯一原因是用于开发。不应在生产中使用内联源映射。

将源映射与缩小文件内联的原因是浏览器在开发和生产中解析完全相同的 JavaScript。一些缩小器，如 Closure Compiler做的不仅仅是“只是”缩小代码。使用 advanced options它还可以执行以下操作:死代码删除、函数内联或激进的变量重命名。这使得缩小后的代码(可能)在功能上不同于源文件。

当然，这仍然可以通过引用外部源映射文件来完成，但有些人似乎更喜欢在他们的构建过程中使用内联。