在我们阅读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

vue如何debugger源码

   修改完成后,执行下npm run dev,在example中的代码中,引入/dist/vue.js代码即可,在源码中添加debugger,会有对应的断点

vue如何debugger源码

 

vue如何debugger源码

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-10
  • 2021-08-17
  • 2021-10-26
  • 2021-05-03
  • 2021-12-09
猜你喜欢
  • 2021-07-15
  • 2021-11-26
  • 2021-09-01
  • 2021-10-16
  • 2022-01-06
  • 2022-01-05
相关资源
相似解决方案