对系统做性能优化时，发现生产环境打包生成的文件过大，通过 webpack-bundle-analyzer 的分析，看到 parsed size (经 webpack 处理过的文件)比 stat size (未处理的)大的多，明显不正常。

随后在浏览器开发者工具里发现可以看到 webpack://，说明开启了sourceMap，导致文件过大。

最后在配置文件里针对生产环境关闭了 sourceMap，即设置 productionSourceMap: false，解决了问题。

相关：

sourceMap： 本质上是一个信息文件，里面储存着代码转换前后的对应位置信息。它记录了转换压缩后的代码所对应的转换前的源代码位置，是源代码和生产代码的映射。 ​ 解决了在打包过程中，代码经过压缩，去空格以及babel编译转化后，由于代码之间差异性过大，造成无法调试的问题。

保存着生产代码和源代码之间的映射关系，方便调试。

webpack 配置：devtool: 'source-map'。

生产环境推荐：<none> 不配置-忽略，开发环境推荐：cheap-module-eval-source-map。