【webpack】中的devtool的使用方法

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

 

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

devtool: 'source-map'

显示的是原始源代码

 

在线上环境使用

devtool: 'cheap-source-map'

显示转换过的代码

 

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

 

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

 

我们一般是这样配置的

 

posted @ 2019-08-10 11:33  前端精髓  阅读(2699)  评论(0编辑  收藏  举报
在这里插入图片描述