devtool配置

devtool配置：如何生成source map

source map简单来说是帮助你解决压缩后看不到源码的问题。

source map出现的初衷：现在的大部分代码都是用构建工具打包压缩代码来减少网络请求，但是打包后的代码不利于我们调试，source map记录了源代码，并且做了映射，当我们打包后的代码包错，浏览器会根据source map显示映射后的源码的错误。

具体原理如下

 

 

 

 

 

 具体使用那个配置，查看webpack文档