使用 eval 和 eval-source-map 有什么区别？

Question

我正在使用 webpack 来配置源映射。我想知道有人可以澄清“eval”和“eval-source-map”之间的区别吗？我个人看不出有什么区别。

Answer 1

从文档：

eval - 每个模块都使用 eval() 和 //@ sourceURL 执行。这是相当快的。主要的缺点是它不能正确显示行号，因为它被映射到转换后的代码而不是原始代码（加载器没有源映射）。

eval-source-map - 每个模块都使用 eval() 执行，并将 SourceMap 作为 DataUrl 添加到 eval()。最初它很慢，但它提供了快速的重建速度并产生了真实的文件。行号被正确映射，因为它被映射到原始代码。它为开发提供最优质的 SourceMaps。

本质eval-source-map上更慢，但更准确地映射到原始行号（有助于识别原始源代码中适当的错误行）。