參考連結

如果我們不用單檔案元件開發，一般直接<script src="dist/vue.js">引入開發版vue.js
這種情況下debug也是很方便的，只不過vue.js檔案程式碼是rollup生成的

但是如果能夠在vue專案中的src目錄下中的檔案打斷點除錯就更好了。

那怎麼做到呢？

1. 開啟 vue/script/config.js 檔案(就是package.json的入口檔案)
   找到 genConfig() 函式
   該函式下有個config物件,給該物件新增一個屬性和值: sourceMap: true
   
2. 在原始碼目錄vue下，然後重新 npm run dev, 會發現dist目錄下多了一個vue.js.map檔案
   
3. 最後在你的xxx.html(這裡start.html)引入vue.js, 在瀏覽器中開啟該xxx.html(這裡start.html)檔案, 就可以愉快的除錯了
   
4. 我這裡是直接在vue原始碼的Example裡新建了一個檔案用來除錯：