首页 > 其他 > 详细

配置source-map

时间:2019-10-14 11:44:48      阅读:91      评论:0      收藏:0      [点我收藏+]

技术分享图片

当文件中有错误时,且使用的模式是production,打包后的文件是压缩的形式,不好定位找到错误的位置。而source-map就是一个映射文件,点进去看到的错误是源码,而不是压缩后的格式,方便调试。

源码映射:会单独生成一个sourcemap文件,出错了会标识当前报错的列和行,主要有四种形式,需要在配置文件webpack.config.js中添加配置:
//1.增加映射文件,可以帮我们调试源代码
    devtool:‘source-map‘

打包后的目录dist下会增加一个新的映射文件

技术分享图片

 技术分享图片

 技术分享图片映射成功

//2.不会产生单独的文件,但是可以显示行和列
    devtool: ‘eval-source-map‘
//3.不会产生列,但是是一个单独的映射文件,产生后可以保留起来,便于调试
    devtool: ‘cheap-module-source-map‘  //用的不是很多
//不会产生文件,而是集成在打包后的文件中,不会产生列
    devtool:‘cheap-module-eval-source-map‘

 

配置source-map

原文:https://www.cnblogs.com/zcy9838/p/11670483.html

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