1.為了開發時，快速的定位問題

2.線上代碼，我們有時候也會開啟 前端錯誤監控，快速的定位問題

可以建立源代碼與打包后的代碼的映射關系，通過sourceMap定位到源代碼。

在dev模式中，默認開啟，關閉的話 可以在配置?件? webpack.config.js

devtool:"none"

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

eval:速度最快,使?eval包裹模塊代碼,

source-map： 產? .map ?件 外部產? 錯誤代碼的準確信息和位置

cheap:較快，不包含列信息

Module：第三?模塊，包含loader的sourcemap（?如jsx to js ，babel的sourcemap）

inline： 將 .map 作為DataURI嵌?，不單獨?成 .map ?件

配置推薦： devtool:"cheap-module-eval-source-map",// 開發環境配置 //線上不推薦開啟 devtool:"cheap-module-source-map", // 線上?成配置

總結

以上是生活随笔為你收集整理的webpack4.0核心概念（七）———— “devtool:source-map“的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。