devtool配置:如何生成source map
source map简单来说是帮助你解决压缩后看不到源码的问题。
source map出现的初衷:现在的大部分代码都是用构建工具打包压缩代码来减少网络请求,但是打包后的代码不利于我们调试,source map记录了源代码,并且做了映射,当我们打包后的代码包错,浏览器会根据source map显示映射后的源码的错误。
具体原理如下
具体使用那个配置,查看webpack文档