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'

不会产生文件,不会产生列,继承在打包后的文件中(也不会产生列)

你可能感兴趣的:(webpack基础(七)sourceMap)