source map 是用来干什么的?
作用 :通过 source map 定位到源代码
开发环境开启,线上环境关闭 (线上排查问题的时候可以将 source map 上传到错误监控系统)
source map 关键字
- eval:使用eval包裹模块代码 (不会产生文件,直接放到js中)
- source map :产生 .map 文件
- cheap:不包含列信息
- inline:将 .map作为DataURL嵌入,不单独生成 .map 文件
- module:包含loader的sourcemap
总结:devtool:'source-map' 可以把打包好的文件再浏览器上看到源码。更加方便我们定位bug。cheap-source-map 只显示行的信息,不显示列。