android - cordova 中所有平台的通用 www 文件夹和所有文件

Question

自从过去 2 年以来，我在 cordova 中的工作有 2 个副本，并且工作正常，没有任何错误。

1. Android/iOS
2. Windows 手机

在这两个副本中，只有特定于平台的更改。意味着在 Windows Phone 中它不允许加载 html 文件所以我将所有 html 文件添加到脚本标签中并加载到主 index.html 中以使其正常工作并且它在 Windows Phone 中工作并且在第二个副本中我制作了普通的 html 文件分开，因为 android 和 ios 没有加载外部 html 文件的问题。

所以我的问题是:有什么方法可以将所有代码合并到一个副本中，并且具有相同 www 文件夹的代码也可以在 android、ios 和 windows phone 中运行？

根据我的经验，这可能是不可能的，因为 Windows Phone 的文件结构与 Android/iOS 不同。

如果有人知道所有平台的一些通用解决方法，请提供指导。

Answer 1

您可以使用 Cordova CLI 中的“合并”功能来执行此操作。假设我有一个如下所示的项目:


-rw-r--r-- 1 simon 员工 1115 Mar 22 19:57 config.xml
drwxr-xr-x 3 simon staff 102 Mar 17 21:47 hooks/
drwxr-xr-x 7 simon staff 238 Mar 22 19:57 platforms/
drwxr-xr-x 7 simon staff 238 Mar 22 19:57 插件/
drwxr-xr-x 7 simon staff 238 Mar 21 13:11 www/


我的应用程序代码都在 www 中，组织如下:


drwxr-xr-x 4 simon staff 136 Mar 24 12:42 css/
drwxr-xr-x 4 simon 员工 136 Mar 21 13:11 img/
-rw-r--r-- 1 西蒙工作人员 1338 年 3 月 21 日 15:16 index.html
drwxr-xr-x 4 simon 员工 136 Mar 22 18:29 js/


想象一下，我同时安装了 Android 和 iOS 平台，并且想在每个平台上做一些不同的事情，而不是放置很多:


如果 (device.platform === 'Android') {
//Android 特定代码
} 别的 {
//特定于 iOS，假设我们只支持 iOS
}


我的应用程序中的一些代码。这也无法扩展到许多平台(例如，在其中添加 Windows 和 BB，然后每次都有更多的 if/else 或 switch 语句)。

为此，Cordova 的 CLI 可以合并代码，并将查找名为 merges 的顶级文件夹。因此，在您的 config.xml 所在的同一文件夹中创建其中一个，因此项目现在看起来像:


-rw-r--r-- 1 simon 员工 1115 Mar 22 19:57 config.xml
drwxr-xr-x 3 simon staff 102 Mar 17 21:47 hooks/
drwxr-xr-x 4 simon staff 136 Mar 22 17:47 merges/
drwxr-xr-x 7 simon staff 238 Mar 22 19:57 platforms/
drwxr-xr-x 7 simon staff 238 Mar 22 19:57 插件/
drwxr-xr-x 7 simon staff 238 Mar 21 13:11 www/


然后创建:


合并/机器人
合并/ios


您放入其中的任何内容都将被复制到平台特定的 www 文件夹中，并覆盖与您的主 www 文件夹相同路径中的内容，或者如果 www 中没有相同名称/路径的内容，则会被添加。

例子:


ls -lF 合并/android/img
共 16 个
-rw--------@ 1 simon staff 7626 Mar 21 13:23 logo.png


此图像 logo.png 将替换 www/img/logo.png，仅适用于 Android。我可以为 iOS 做同样的事情(添加 merges/ios/img/logo.png)或者使用默认图像(www/img/logo.png)。

这可以针对您在平台特定基础上需要的任何类型的文件(JS/CSS/img/JSON/其他)完成。

无需编写 Hook 脚本即可完成这项工作，当您为每个平台运行 cordova build 时，CLI 会自动执行此操作。

有关此概念的文档在 Cordova CLI docs 中.