【webpack】中的devtool的使用方法

我们的代码通常是经过es6转换成es5,所有报错的时候是es5代码所在的位置,行号是不对的,那么这样就不合理了,通过devtoll来设置

在开发环境中使用(不要在线上使用这个呀,会暴露你源代码的)

devtool: 'source-map'

显示的是原始源代码

在线上环境使用

devtool: 'cheap-source-map'

显示转换过的代码

上面两个选项都会生成单独的映射文件.map

如果不想这样配置,参考这里:https://www.webpackjs.com/configuration/devtool/

我们一般是这样配置的