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
:不生成列映射,只是映射行数 因此不能解决上述问题
链接: 原文详见