source map 是用來(lái)干什么的?
作用 :通過(guò) source map 定位到源代碼
開(kāi)發(fā)環(huán)境開(kāi)啟税肪,線上環(huán)境關(guān)閉 (線上排查問(wèn)題的時(shí)候可以將 source map 上傳到錯(cuò)誤監(jiān)控系統(tǒng))
source map 關(guān)鍵字
- eval:使用eval包裹模塊代碼 (不會(huì)產(chǎn)生文件顽聂,直接放到j(luò)s中)
- source map :產(chǎn)生 .map 文件
- cheap:不包含列信息
- inline:將 .map作為DataURL嵌入烙丛,不單獨(dú)生成 .map 文件
- module:包含loader的sourcemap
image.png
總結(jié):devtool:'source-map' 可以把打包好的文件再瀏覽器上看到源碼憎账。更加方便我們定位bug趴捅。cheap-source-map 只顯示行的信息垫毙,不顯示列。