vue如何debugger源碼


  在我們閱讀vue源碼時,一般引用vue的版本都是打包編譯后的版本,無法debugger源碼,要debugger源碼,就需要給代碼添加sourcemap,他存儲源碼與編譯后代碼的一種對應關系,詳細內容可以參考阮老師的博文(http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html

  vue是采用rollup進行代碼打包,我們只需要在config.js中,output代碼中添加sourcemap的配置即可,如下所示:

  rollup基礎配置:https://www.rollupjs.com/guide/command-line-reference/#%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6configuration-files

   修改完成后,執行下npm run dev,在example中的代碼中,引入/dist/vue.js代碼即可,在源碼中添加debugger,會有對應的斷點

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM