删除离子科尔多瓦插件的正确方法

Question

在安装步骤中，我们需要两个命令来安装插件

例如：

$ ionic cordova plugin add cordova-plugin-secure-storage
$ npm install --save @ionic-native/secure-storage@4

卸载我使用

ionic cordova plugin rm cordova-plugin-secure-storage

但是，请查看 package.json 文件中的插件引用

我的问题是：

1. 为什么安装需要两个步骤，它们的作用是什么 [cordova plugin add vs npm install]
2. 如果我没有从我的工作区和项目文件中使用插件，如何完全删除它。

Answer 1

首先，让我们先谈谈一些简单的架构，然后再解释所提到的示例以使事情更清楚。

Cordova 插件是可以使用 JavaScript 调用的平台本机代码的集合。简而言之，他们使用 JavaScript 包装原生代码（例如，Android 的 Java/IOS 的 Swift），因此您可以仅使用 JavaScript 调用此原生代码。

Ionic Native 插件做同样的事情，但它们不是包装原生代码，而是使用 TypeScript 包装 Cordova JavaScript 插件，因此您可以使用 TypeScript 装饰器，为默认情况下很少支持它们的 Cordova 插件添加 Promise、Observable 和 Typing 支持。

既然我们知道了上述内容，让我们解释一下您在示例中提到的命令：

$ ionic cordova plugin add cordova-plugin-secure-storage

您运行此命令来安装 Cordova JavaScript 插件。然后运行第二个命令：

$ npm install --save @ionic-native/secure-storage@4

您运行此命令来安装 TypeScript 包装器，使您能够使用您在 Ionic 项目中使用 TypeScript 在第一个命令中安装的 Cordova 插件。

随后，当您决定从 Ionic 项目中删除插件时，您应该这样做并使用以下命令同时删除 Cordova 插件和该插件的 TypeScript 包装器：

$ ionic cordova plugin remove cordova-plugin-secure-storage

此命令删除 Cordova JavaScript 插件。

$ npm uninstall --save @ionic-native/secure-storage

此命令删除该插件的 TypeScript 包装器。

如果您有兴趣进一步阅读，请查看以下网址：

Architectural overview of Cordova platform

Ionic Native: Native Powers for Your App by Ionic CEO Max Lynch