devtool配置

devtool配置:如何生成source map

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

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

具体原理如下

 

 

 

 

 

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

posted @ 2020-11-02 18:46  张最棒  阅读(477)  评论(0编辑  收藏  举报