Webpack - devtool source-map VS eval-source-map

Question

和有什么区别--devtool source-map & eval-source-map ?

Answer 1

webpack 文档有一个方便的图表，说明这些不同的选项可能适合哪些情况。

他们显示eval-source-map因为构建速度慢而重建速度快，建议用于开发但用于生产，因为“每个模块都使用 eval() 执行，并且 SourceMap 作为 DataUrl 添加到 eval()。最初它很慢，但它提供了快速“

另一方面，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 的开发中，我一直为我的用例工作。

如果需要，链接帖子的答案确实显示了如何使用这两个选项🙂