sourceMap 能将压缩转换后的代码还原到原始代码，帮助开发者定位发生错误的位置。

Webpack 配置 Source Map

配置文件中指定 devtool 属性的值即可。

  1. // webpack.config.js
  2. devtool: 'source-map',

devtool 的取值：

  1.     'eval',  // 速度很快，不会生成map文件，只能定位到文件
  2.     'cheap-eval-source-map',  // 生成map文件，可以定位到行，代码是转成的 ES5 的
  3.     'cheap-module-eval-source-map', // 生成map文件，可以定位到行，代码和源代码一摸一样
  4.     'eval-source-map', // 生成map文件，可以定位到行列
  5.     'cheap-source-map',  
  6.     'cheap-module-source-map',
  7.     'inline-cheap-source-map',
  8.     'inline-cheap-module-source-map',
  9.     'source-map',
  10.     'inline-source-map',  // 以 base64 的形式将 sourceMap 嵌入到打包的代码中，会导致打包后的代码体积变大
  11.     'hidden-source-map', // 生成map文件，但不引入
  12.     'nosources-source-map' // 生成map文件，但不暴露源代码，只提供行列信息