1. 在项目根路径下创建一个 .babelrc 文件。
2. 在 .babelrc 文件中添加 modulesRoot 或 moduleResolver.root 选项，以设置外部组件文件夹的路径。其中 modulesRoot 在 Babel 6.x 版本以前使用，moduleResolver.root 则是在 Babel 6.x 版本以后使用。
3. 使用导入语句时，使用相对路径指定组件相对于 modulesRoot 或 moduleResolver.root 的位置。

例如，假设我们需要导入位于 src/components/external 文件夹中的组件，我们可以按照以下步骤进行配置：

1. 创建 .babelrc 文件，并添加以下配置：

{
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./src"],
        "alias": {
          "@external": "./components/external"
        }
      }
    ]
  ]
}

2. 在代码中使用 @external 别名导入组件：

import MyExternalComponent from '@external/my-external-component'

这样，Babel 就会从 ./src/components/external 目录加载 my-external-component.jsx 文件并将其作为 MyExternalComponent 导入到你的代码中。