我們的代碼通常是經過es6轉換成es5,所有報錯的時候是es5代碼所在的位置,行號是不對的,那么這樣就不合理了,通過devtoll來設置
在開發環境中使用(不要在線上使用這個呀,會暴露你源代碼的)
devtool: 'source-map'
顯示的是原始源代碼
在線上環境使用
devtool: 'cheap-source-map'
顯示轉換過的代碼
上面兩個選項都會生成單獨的映射文件.map
如果不想這樣配置,參考這里:https://www.webpackjs.com/configuration/devtool/
我們一般是這樣配置的