Webpack 网页包-devtool源地图与eval源地图_Webpack

Webpack 网页包-devtool源地图与eval源地图

webpack

Webpack 网页包-devtool源地图与eval源地图,webpack,Webpack,--devtool源代码图和评估源代码图之间有什么区别？网页文档有一个方便的图表，说明这些不同的选项可能适用于哪些情况它们显示eval源代码映射的构建速度慢，重建速度快，建议用于开发，但用于生产，因为“每个模块都使用eval（）执行，一个源代码映射作为数据URL添加到eval（）中”。最初速度较慢，但重建速度较快，并生成真实文件。行号已正确映射，因为它已映射到原始代码。这将生成用于开发的最佳质量源映射。” 另一方面，SourceMap在build和rebuild上都很慢，但是标记为适合生产，因

--devtool

源代码图

和

评估源代码图

之间有什么区别？

网页文档有一个方便的图表，说明这些不同的选项可能适用于哪些情况

它们显示

eval源代码映射

的构建速度慢，重建速度快，建议用于开发，但用于生产，因为“每个模块都使用eval（）执行，一个源代码映射作为数据URL添加到eval（）中”。最初速度较慢，但重建速度较快，并生成真实文件。行号已正确映射，因为它已映射到原始代码。这将生成用于开发的最佳质量源映射。”

另一方面，

SourceMap

在build和rebuild上都很慢，但是标记为适合生产，因为“完整的SourceMap作为一个单独的文件发出。它向bundle添加了一个引用注释，以便开发工具知道在哪里可以找到它。”

基于这篇文章，看起来此人使用

sourcemap

进行CSS文件映射的运气更好，而

eval sourcemap

对JS文件更有帮助。我不知道这是否适用于所有用例，尽管webpack文档在这里没有明确说明区别，而且

eval source map

在CSS和JS的开发中一直适用于我的用例

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