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

報錯的原因

1.nanoid 源碼是沒有經過babel轉換的。

查看nanoid的源碼，發現依賴包的代碼沒有經過babel處理輸出的，package.json中直接指向了ES6的源碼。

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

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

解決方案

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

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。