如何在 ts 环境中，读取 cordova 插件提供的全局变量？

目录

1. 在 ts 环境中，读取 cordova 插件提供的常量

2. 在 ts 环境中，读取 cordova 插件提供的全局构造函数

3. 通过 plugin.xml 读取 cordova 插件提供的各种导出

3.1 关于数据类型接口  shims-vue.d.ts

3.2 plugin.xml 和 www 之间的关系

---

1. 在 ts 环境中，读取 cordova 插件提供的常量

以 cordova-plugin-file 为例

file 插件 提供了很多常量数据

官网说：需要通过 全局变量 cordova.file.xxx 获取这些常量

那么在 vue3 + ionic + ts 环境下怎么进行读取呢？

正确做法： (window as any).cordova.file.externalDataDirectory

2. 在 ts 环境中，读取 cordova 插件提供的全局构造函数

以 cordova-plugin-file-transfer 为例

filetransfer 插件 提供了它的全局构造函数

那么在 vue3 + ionic + ts 环境下怎么进行读取呢？

正确做法：const filetramsfer = new (window as any).FileTransfer()

3. 通过 plugin.xml 读取 cordova 插件提供的各种导出

3.1 关于数据类型接口  shims-vue.d.ts

随着 ts 的不断推广，我们下载 cordova 插件的 node_modules 时，可以发现：

很多 cordova 插件都自带了 types 包（ shims-vue.d.ts ），供开发者使用 其内部定义的各种 数据类型接口

但是，我自己试了，从依赖中导入某个数据类型接口，然后报错说找不到

据领导说，不能直接使用插件依赖中的 shims-vue.d.ts 导出的数据类型接口

开发者可以将这个文件，复制到自己项目的根目录下进行使用

3.2 plugin.xml 和 www 之间的关系

www 文件夹存放了，各种 cordova 插件导出的 modules

plugin.xml 声明了各种 cordova 插件导出的 modules

plugin.xml 中的声明，和 www 中的文件，大部分情况下一一对应

以 cordova-plugin-contacts 为例

如下图所示，结合插件 github 说明文档 和 插件 node_modules 实际导出

就比较容易猜测出：插件的各种导出方法 如何使用了