[webpack] 第2012天 在webpack中，什么是Source map？它有什么作用？

[haizhilin2013]

第2012天 在webpack中，什么是Source map？它有什么作用？

3+1官网

我也要出题

[surprisingwu]

source map是webpack在构建时可以生成，主要用于调试。因为一般线上代码为了性能和安全，会进行混淆压缩，但是不利于调试，source map文件则可以让你在线上环境也能调试源码。原理主要是在构建时，会在构建的js文件下面会额外生成对应的source map文件映射，浏览器加载文件时会自动加载对应的map文件。map文件中包含了源码、包含哪些文件、以及一些代码映射。方便调试和定位问题。