我们的代码通常是经过es6转换成es5,所有报错的时候是es5代码所在的位置,行号是不对的,那么这样就不合理了,通过devtoll来设置
在开发环境中使用(不要在线上使用这个呀,会暴露你源代码的)
devtool: 'source-map'
显示的是原始源代码
在线上环境使用
devtool: 'cheap-source-map'
显示转换过的代码
上面两个选项都会生成单独的映射文件.map
如果不想这样配置,参考这里:https://www.webpackjs.com/configuration/devtool/
我们一般是这样配置的