Vue3:Source Map

1、 什么是 Source Map

• Source Map 就是一个信息文件，里面储存着位置信息。也就是说，Source Map 文件中存储着压缩混淆后的代码，所对应的转换前的位置。
• 有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码，能够极大的方便后期的调试。

2、webpack 开发环境下的 Source Map

• 开发环境下

3、默认 Source Map 的问题

• 行数不一致
• 行数一致
• 只定位行数不暴露源码
• 定位行数且暴露源码

4、Source Map 的最佳实践

• 最佳设置