Webpack - devtool source-map与eval-source-map的区别

Question

Webpack - devtool source-map与eval-source-map的区别

webpack

9

--devtool source-map 和 eval-source-map 有什么区别？

- Yairopro

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Samantha · Accepted Answer

webpack文档提供了一个方便的图表，说明这些不同选项适用于哪些情况。它们将"eval-source-map"显示为构建缓慢但重建快，并推荐用于开发，但对于生产环境则为"每个模块都使用eval()执行，并将SourceMap作为DataUrl添加到eval()中。最初速度较慢，但提供快速重建速度并生成实际文件。由于它映射到原始代码，因此行号被正确映射。它为开发提供了最佳质量的SourceMaps。"另一方面，"source-map"在构建和重建时都很慢，但被标记为适用于生产，因为"一个完整的SourceMap作为单独的文件被发出。它向捆绑包添加了一个引用注释，以便开发工具知道在哪里找到它。"根据这篇其他SO帖子Webpack-devtool：CSS和eval-source-map用于JS？，看起来这个人在CSS文件映射上更喜欢使用"source-map"，而"eval-source-map"对于JS文件更有帮助。我无法确定这对所有用例都是真的，因为webpack文档没有明确讲述这里的区别，而且"eval-source-map"在我的开发用例中历史上对于CSS和JS都有效。链接帖子的答案显示了如何在需要时同时使用两个选项。