引：
项目报错，提示的是webpack打包后的文件的出错位置，so不方便我们去找到原文件的出错位置去修改！！！
1 . SourceMap 是什么？
SourceMap是一个用来生成源代码与构建后代码一一映射的文件的方案！！
它会生成一个 xxx.map 文件，里面包含源代码和构建后代码每一行、每一列的映射关系。当构建后代码出错了，会通过 xxx.map 文件。从构建后代码出错位置找到映射后源代码的出错位置！！！
2 . 怎么用？
从 Webpack DevTool文档中可知，SourceMap的值有很多种情况
但最常用的就两种：
- 开发模式：
- cheap-module-source-map
- 生产模式：
- source-map
