nodejs下babel编译es6后异常定位助手:source-map-support

本文介绍如何通过source-map-support包解决Babel编译时产生的源码映射问题,确保错误堆栈能准确指向源代码位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用es6甚至es7写代码是愉快的,然而由于兼容性原因,我们不得不使用babel把es6代码转成es5的,但这样会有一个问题,那就是出现错误的时候错误栈根据编译后代码而不是es6代码中的位置,这就给定位问题带来一定的麻烦。

浏览器是支持source maps的,babel也提供了编译生成source maps功能,但node不是浏览器,原生不支持source maps,但是我们可以通过第三方包来实现这个功能。

这里就找到了一个叫做 source-map-support 的包,只需要在es6的脚本顶部加上:

require('source-map-support').install();
然后babel编译的时候加上 -s 参数生成source maps即可,尝试一下抛出异常,会发现 error stack中的文件位置成功被替换成了es6源代码中的位置。

-完-

转载于:https://my.oschina.net/cxz001/blog/652499

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值