使用Babel 6或Babel 7时Webpack Sourcemaps存在不准确问题

我这段时间为了搞定Webpack的sourcemap调试问题，真的是把能找到的方案都试了个遍——调整过的配置多到没法一一列举：

• 用UglifyJS处理代码，试图修复sourcemap映射问题
• 特意升级到Babel 7测试版，排查是不是编译器版本导致的兼容问题
• 把Webpack所有的devtool配置项都轮着试了一遍，结果只有生成求值代码的设置能有一点反应，但那完全解决不了实际调试的需求，等于白忙活

具体来说，问题就是调试时断点没法对应到正确的原始源码行，单步调试的跳转逻辑也混乱不堪。更气人的是，ParcelJS生成的sourcemap完全正常，调试起来毫无问题，但我因为项目的其他依赖和架构限制，根本没法切换到Parcel，只能死磕Webpack的这个问题。

内容的提问来源于stack exchange，提问作者Slbox