vue编译后的文件如何快速找到？

Question

如上图，在启动项目以后我想到指定目录下的index文件，输入目录以后会显示很多编译后的index，导致无法快速找到对应的index文件

但是如果我使用的是指定文件

但是有的时候习惯将一个组件放到一个目录里，里面加加一个index文件

想问一下有没有办法解决使用目录里面加index的时候，快速找到原项目代码的方式呢?

配置中已加入

devtool: 'cheap-module-eval-source-map',

但还是没有达到目的，有大佬知道吗？

Answer 1

这个问题我也很头痛。

我目前的做法是，在需要调试的代码前面加一行 debugger，浏览器执行到的时候就会自动停下来等待处理，因为 sourcemap 的关系就会自动定位到源码。

如果是 vue 组件的话可以在 beforeMount 或者 mounted 钩子函数里加。