vue-cli项目sourcemap因为文件重名导致的文件定位映射错误问题

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

webpack会将所有源码放在同一个目录，项目中不同目录下的index文件重名被覆盖，导致调试时所在行与文件映射关系错乱

解决方案：使用module-eval-source-map vue.config.js文件：

module.exports = {
  configureWebpack: {
  // 处理 同名文件导致的SourceMap定位错误问题
    devtool: process.env.NODE_ENV === 'production' ? '' : 'module-eval-source-map',
  }
}

cheap-module-eval-source-map:不生成列映射，只是映射行数 因此不能解决上述问题

链接: 原文详见