关于配置Webapck的 exclude 不过滤 node_modules Babel却没有处理转换node_modules的源码

最近对公司的项目引入了 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 即可…

感觉老项目有点坑，哈哈哈哈