现在我们将代码故意写错一个地方,运行webpack命令,看浏览器报错情况
不设置source-map
可以看到报错的地方并没有为我们提供具体的位置。
设置不同的source-map
sourse-map:一种提供源代码到构建后代码映射技术,如果构建后代码出错了,通过映射可以追踪源代码错误。
设置source-map只需要在webpack.config.js中设置devtool即可
设置devtool:'source-map'
设置devtool:'source-map',执行webpack命令,会重新生成一个map文件
在浏览器中查看:
报错时会指出具体的报错位置,并且点击报错,可以看到具体报错的代码,在page中还可以看到源代码。