我如何在 React 中“包装”一个电容器插件以便我可以集中管理它？

Question

今天，Capacitor 发布了一个新版本，用CapacitorHttp插件替换了@capacitor-community/http插件。

我正在为我的应用程序使用 Ionic React，所以我的所有代码都在 TypeScript/React 中。

我想测试新的CapacitorHttp插件，但我也想在出现问题时轻松恢复使用http插件。

在我的整个应用程序中，我有很多导入语句，例如import { Http } from '@capacitor-community/http'; . 在 React 中，有没有办法以某种方式包装此导入，以便我可以在任何地方导入MyCustomHttp ，然后在MyCustomHttp中导入CapacitorHttp或http ？ 这将通过将导入放在一个地方来简化我的代码，但我不知道该怎么做。

Answer 1

正如@Konrad 评论的那样，您可以在自定义文件中使用{ A as B } 。 以下是 Capacitor Push Notifications 插件的代码示例：

插件推送通知.ts

import {
  ActionPerformed,
  PushNotifications,
  Token,
} from '@capacitor/push-notifications';

export type { ActionPerformed as PluginActionPerformed };

export type { Token as PluginToken };

export { PushNotifications as PluginPushNotifactions };

为了帮助我自己使用 IDE 的自动完成功能，我重新导出了带有Plugin前缀的所有内容。