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

林小木
  • 420
四川

image.png
image.png
image.png

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

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

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

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

配置中已加入

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

但还是没有达到目的,有大佬知道吗?

回复
阅读 428
1 个回答

这个问题我也很头痛。

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

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

宣传栏