1.什么是Source Map

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

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

　　默认Source Map的问题

　　　　开发环境默认生成的Source Map，记录的是生成后的代码位置，会导致运行时报错的行数与源代码的行数不一致的问题。

　　解决默认Source Map的问题

　　　　开发环境下，推荐在webpack.config.js中添加如下的配置，即可保证运行时报错的行数与源代码的行数保持一致：

module.exports = {
    mode:'development',
    //eval-source-map 仅限在‘开发模式’下使用，不建议在‘生成模式’下使用
    //此选项生成的Source Map能够保证”运行时报错的行数“与：源代码的行数”保持一致
    devtool:'eval-source-map',
    //省略其它配置项
}

　　webpack生产环境下的Source Map

　　在生产环境下，如果省略了devtool 选项，则最终生成的文件中不包含Source Map,这能够防止原始代码通过Source Map的形式暴露给别有所图之人。

　　只定位行数，不暴露源码