vue chrome調試時 代碼行號跟源碼行號對不上，存在偏移

1.使用vue-cli建立webpack模板項目：

vue init webpack my-proj

2.安裝並順利運行

npm install
npm run dev

3.在chrome瀏覽器console 進入調試工具source標籤下，查看源碼：

經過點擊這個上面 InStockAllotManage.vue?e930:706 進入谷歌source中，

source中 ，文件中的代碼是這樣的，其中是被進行特殊編譯的代碼

Chrome版本5五、56均存在此問題，應該並不是瀏覽器緣由致使。找了半天，網上基本上沒啥資料

解決方案webpack 配置:

//原有配置
    // https://webpack.js.org/configuration/devtool/#development
    devtool: 'cheap-source-map',
    
   
//修改後配置
  // https://webpack.js.org/configuration/devtool/#development
    devtool: 'source-map',