Source Map

由于源代码和编译后的代码会不同，可能在编译后运行时有错误，此时通过编译后的代码没办法直观地找到问题所在。SourceMap就是建立了源码和编译后代码的对应关系，能够允许开发者方便地追踪出问题的地方。

开启sourcemap的话，只需配置一下webpack的配置。

module.exports = {
  mode: 'none',
  devTool: 'source-map'
}

会生成目标文件和.map结尾的文件。这个.map结尾的文件就是sourcemap文件。