目前項目中采用的webpack 作為前端構(gòu)建方式婿屹。
使用es6+webpack+react的時候發(fā)現(xiàn)一些問題
1.在chrome中 調(diào)試 有些行斷點打不上碰缔，會莫名其妙跑到其他行
2.一些錯誤信息來自bundle.js
調(diào)查應該是sourcemap解析的問題蚯窥，目前我采用的是
devtool :"#source-map" 或 devtool :"#inline-source-map"
這個問題應該是sourcemap 生成的列信息導致的,就算 sourcemap 沒有列，有些瀏覽器引擎（例如 v8） 也會給出列信息.大部分情況我們調(diào)試并不關(guān)心列信息.
我們改變下sourcemap模式
devtool:'cheap-source-map',
devtool: 'cheap-module-source-map'
這種 模式下 會 不顯示列信息。 調(diào)試ok了
另外一種測試
devtool: '#inline-eval-cheap-source-map',
也可已這樣:
Paste_Image.png
更加詳細問題描述來自isuss
https://github.com/webpack/webpack/issues/2145
