source map 是用來干什么的？

作用 ：通過 source map 定位到源代碼
開發(fā)環(huán)境開啟，線上環(huán)境關(guān)閉 （線上排查問題的時候可以將 source map 上傳到錯誤監(jiān)控系統(tǒng)）

source map 關(guān)鍵字

• eval：使用eval包裹模塊代碼 （不會產(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 只顯示行的信息，不顯示列。