如何在基于 Vite 的 React 应用程序中处理动态模块加载？

问：

我正在将 React 前端站点从 Create React App 迁移到 Vite，并面临动态组件加载的问题。在 CRA 中，我使用了 和 的组合来从文本字符串加载组件。remote-component.config.jsnew Function('require', 'module', 'exports', code)

当切换到 Vite 时，此功能会中断，因为我尝试加载的包使用 commonJs 风格的 react： require（'react'），它不适用于 Vite。即使使用这样的 Vite 插件也会将 require 语句更改为 import 语句，但仍然会中断加载函数，因为导入现在是异步的。viteCommonjs

所以我的问题是：从我的应用程序中的字符串动态加载（commonJS 或 ES6）模块的最佳方法是什么。

我已经研究了 vite-plugin-federation，但这需要从文件中加载远程组件。