-devtool source-map
和eval-source-map
有什么区别?
答案 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>
链接文章的答案确实显示了如何在需要的情况下同时使用两者选项?