1、直接点击报错文件位置,根据特征是否能确定问题位置
2、如果1不行,webpack设置source-map
module.exports = { //......生产直接配置为true productionSourceMap: process.env.NODE_ENV === 'dev', configureWebpack: { // 生产直接配置为source-map devtool: process.env.NODE_ENV === 'dev' ? 'source-map' : undefined, name: name, resolve: { alias: { '@': resolve('src') } } },
具体使用参考 https://zhuanlan.zhihu.com/p/67225097
使用效果如下:
有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码。这无疑给开发者带来了很大方便。