Source map的程序调试小工具

source map是源代码与打包后的代码相互对应的中介,通过设置“devtool”方便程序员调试
第一种
开发阶段推荐使用,发布阶段不能使用,需要注释掉
在webpack中module.exports内部添加

//在开发调试阶段,建议把devtool的值设置为eval-source-map,能够定位当报错的行数,并且能够展示源代码
devtool: 'eval-source-map',

第二种
在开发的时候可以定位到报错的行数,但是不展示源代码

//在发布的时候可以用代替,这样只会产生报错的行号,不会出现源码
devtool: 'nosources-source-map',

发布的时候建议关闭source map

你可能感兴趣的:(javascript,开发语言,ecmascript)