webpack基础（七）sourceMap

sourceMap

在解析js中可能会将高级语法转为低级语法

添加映射文件，调试源代码

1.source-map（源码映射） 会单独生成一个sourcemap文件 出错了 会标识当前出错的列和行。source-map是源码文件。大而全

devtool:'source-map'

2.eval-source-map

devtool:'eval-source-map'

不会产生单独的文件，但是会显示行和列。于source-map,区别是将打包后的文件里

3.cheap-module-source-map

devtool:'cheap-module-source-map'

不会产生列 但是是一个单独的映射文件 产生后可以留存进行调试。

4.cheap-module-eval-source-map

devtool:'cheap-module-eval-source-map'

不会产生文件,不会产生列，继承在打包后的文件中（也不会产生列）