VUE（不仅仅是VUE吧 应该是所有前端框架） 写出来的项目，如何用chromeTools调试js?

Question

如题，每次打log都打烦了
以前js文件没合起来的时候，直接在chrometool里面打断点，监听变量，而现在工程化了后，代码合起来动不动就是几万行（有很多是vue自己的）
然后里面的代码是这种

基本上是没办法调试的，只能进IDE加log

求过来人指点一下，谢谢了

Answer 1

使用了source-map之后在chrome的控制台可以在source中的webpack去调试源码的，so easy的