最近對公司的項目引入了 nanoid 替換 uuid 的使用。但是在sentry日志中發(fā)現(xiàn)Unexpected token =>的錯誤。立馬查看編譯后bunld發(fā)現(xiàn) nanoid 箭頭函數(shù)沒有被轉(zhuǎn)換。所以對此記錄一下原因和解決辦法。

報錯的原因

1.nanoid 源碼是沒有經(jīng)過babel轉(zhuǎn)換的。

查看nanoid的源碼，發(fā)現(xiàn)依賴包的代碼沒有經(jīng)過babel處理輸出的，package.json中直接指向了ES6的源碼。

2.使用了.babelrc 所以沒有對node_modules中依賴進行Babel處理。

看了webpack中的 exclude 配置已經(jīng)去掉了node_modules的屏蔽，所以應(yīng)該是會對node_modules的依賴進行babel處理的，但是發(fā)現(xiàn)編譯結(jié)果是沒有處理。最后翻了Babel官網(wǎng)發(fā)現(xiàn)如果需要babel處理node_modules的代碼需要使用babel.config.json 來配置babel而不是.babelrc。這就比較坑了，如果不細(xì)心翻查真的不知道…

解決方案

.babelrc 重命名 babel.config.json 即可…

感覺老項目有點坑，哈哈哈哈

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的关于配置Webapck的 exclude 不过滤 node_modules Babel却没有处理转换node_modules的源码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。