vue cli.当存在同名文件时不知道该如何 debug

[beilo]

例如有 2 个文件,文件目录分别为

/a/detail

/b/detail

然而 debug 的时候发现chrome/webpack只有一个detail.vue文件. 不知道有没有朋友知道这种情况该怎么办

预期效果: 能够区分是哪个文件

现阶段我的处理办法: 更改文件名分别为ADetail.vue和BDetail.vue

[ujued]

abc.com
abc.ml
abc.run
abc.qq
abc.pub
abc.moe
abc.ink
abc.net

Testing . Thank you

[doommm]

我自己是在 vue.config.js 文件里面配置 devtool，改成 eval-source-map，不知道能不能解决你的问题

参考 issue: https://github.com/vuejs/vue-cli/issues/2978 , https://github.com/vuejs/vue-cli/issues/4535

[beilo]

@doommm 谢谢.这个很完美的解决问题.

我现在是在 vue.config.js 里面配置了如下代码

```
chainWebpack: (config) => {
// https://github.com/vuejs-templates/webpack/issues/1258
config.when(
isProduction,
() => config.devtool("cheap-module-eval-source-map"),
() => config.devtool("eval-source-map")
);
},
```

[参考链接]( https://github.com/vuejs-templates/webpack/issues/1258)

[xzh654321]

很简单，想调哪一个就在哪一个里面 console.log 一下，另外最好还是不要同名吧

[Reol]

@doommm 解决了 多谢