首页 > Web开发 > 详细

【webpack】中的devtool的使用方法

时间:2019-08-10 12:38:50      阅读:71      评论:0      收藏:0      [点我收藏+]

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

 

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

devtool: source-map

显示的是原始源代码

 

在线上环境使用

devtool: cheap-source-map

显示转换过的代码

 

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

 

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

 

我们一般是这样配置的

 

【webpack】中的devtool的使用方法

原文:https://www.cnblogs.com/wuxianqiang/p/11330982.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!