一、简介

Source Map 就是一个信息文件，里面存储着位置信息。

也就是说，Source Map 文件中存储着压缩混淆后的代码所对应的转换前的位置。

有了它，出现错误的时候将直接显示原始代码，而不是转换后的代码，能够极大的方便后期的调试。

 

二、解决默认 Source Map 的问题  

开发环境下，推荐在 webpack.config.js 配置文件中添加如下的配置：  

module.exports = {mode:'development',devtool: 'eval-source-map'
}

发布时应关闭 Source Map，确保源代码不是暴露

若需要设置为只定位行数不暴露源代码，则可以将 devtool 的值设置为 hidden-source-map

一  叶  知  秋，奥  妙  玄  心