1.为了开发时，快速的定位问题

2.线上代码，我们有时候也会开启 前端错误监控，快速的定位问题

可以建立源代码与打包后的代码的映射关系，通过sourceMap定位到源代码。

在dev模式中，默认开启，关闭的话 可以在配置⽂件⾥ webpack.config.js

devtool:"none"

devtool的介绍：https://webpack.js.org/configuration/devtool#devtool

webpack4.0核心概念（七）———— “devtool:source-map“_开发环境配置

  1. eval:速度最快,使⽤eval包裹模块代码,
  2. source-map： 产⽣ .map ⽂件 外部产⽣ 错误代码的准确信息和位置
  3. cheap:较快，不包含列信息
  4. Module：第三⽅模块，包含loader的sourcemap（⽐如jsx to js ，babel的sourcemap）
  5. inline： 将 .map 作为DataURI嵌⼊，不单独⽣成 .map ⽂件

配置推荐：



devtool:"cheap-module-eval-source-map",// 开发环境配置
//线上不推荐开启
devtool:"cheap-module-source-map", // 线上⽣成配置