Webpack-devtool源地图VS eval源地图

时间:2018-07-10 13:13:15

标签: webpack

-devtool source-mapeval-source-map有什么区别?

1 个答案:

答案 0 :(得分:3)

webpack文档提供了一个方便的图表,说明了这些不同选项可能适合的情况。

它们显示eval-source-map的构建速度较慢,而重建速度较快,因此推荐用于开发,但建议用于生产,因为“每个模块都使用eval()执行,并且SourceMap作为DataUrl添加到eval()最初它很慢,但是重建速度很快,并且可以生成真实文件。由于行号已映射到原始代码,因此行号已正确映射。它可以提供质量最高的SourceMap进行开发。”

另一方面,source-map在构建时都比较慢,但是被标记为适合生产,因为“完整的SourceMap作为单独的文件发出。它添加了参考。对捆绑软件发表评论,以便开发工具知道在哪里可以找到它。”

根据另一篇SO Webpack - devtool: source-map for CSS and eval-source-map for JS?文章,看来此人最好使用source-map进行CSS文件映射,而eval-source-map对JS文件更有用。我无法确定这是否适用于所有用例,因为webpack文档在此处未明确说明有所不同,并且eval-source-map一直以来在我的CSS和JS开发用例中都是有效的。 / p>

链接文章的答案确实显示了如何在需要的情况下同时使用两者选项?