在我們閱讀vue源碼時,一般引用vue的版本都是打包編譯后的版本,無法debugger源碼,要debugger源碼,就需要給代碼添加sourcemap,他存儲源碼與編譯后代碼的一種對應關系,詳細內容可以參考阮老師的博文(http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html)
vue是采用rollup進行代碼打包,我們只需要在config.js中,output代碼中添加sourcemap的配置即可,如下所示:
修改完成后,執行下npm run dev,在example中的代碼中,引入/dist/vue.js代碼即可,在源碼中添加debugger,會有對應的斷點