Hello! 欢迎来到小浪资源网!


Rollup打包时,babel如何有效转译node_modules中的代码?


Rollup打包时,babel如何有效转译node_modules中的代码?

使用rollup打包时,通过babel转译node_modules中的代码无效

想要通过rollup.config.mjs中的babel配置对node_modules中包的代码进行转译,但转译效果未生效。

问题原因定位:

根据问题中的配置,babel的include选项只包含了src目录和node_modules/@xyflow目录。而@xyflow包可能位于其他node_modules目录中,导致babel未能匹配到该包。

解决方案:

调整include选项,将所有符合条件的node_modules目录都包含进来:

include: ['src/**/*', /node_modules/((?:.*[/])?@xyflow(?:[/].*)?)/],

正则表达式可以匹配到所有以@xyflow开头的node_modules目录。

应用此修改后,rollup就能正确匹配到@xyflow包,并且babel能够对其中的代码进行转译。

相关阅读