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能够对其中的代码进行转译。

以上就是《Rollup打包时，babel如何有效转译node_modules中的代码？》的详细内容，更多关于的资料请关注golang学习网公众号！