webpack的sourceMap
时间: 2023-11-01 13:37:07 浏览: 99
Web-pack新版教程21 sourcemap.mp4
webpack的sourceMap是一种映射文件,它可以将打包后的代码映射回原始的源代码,方便我们进行调试和定位问题。在webpack的配置中,我们可以通过设置devtool选项来开启sourceMap。
常用的devtool选项包括:
- source-map:生成完整的sourceMap文件,包含行列信息和源代码内容(会影响打包速度)
- cheap-source-map:只生成行列信息和源代码文件名(不包含源代码内容,可以加快打包速度)
- eval-source-map:将sourceMap作为Data URI嵌入到打包后的文件中,可以加快打包速度(不过会使打包后的文件变大)
我们可以根据实际情况选择合适的devtool选项来开启sourceMap,并在浏览器的控制台中查看映射后的源代码,方便进行调试和定位问题。
阅读全文