Personalizar plataformas mediante merges

En ocasiones se hace necesario especificar algunos recursos de forma separada para una plataforma. En este caso no deberíamos modificar la carpeta correspondiente de platforms ya se sobreescribiría en la próxima compilación.

Con este propósito se creo la carpeta merges, la cual contiene los assets que se han de copiar o reemplazar para las plataformas especificadas. La estructura de esta carpeta es la siguiente:

  • En primer lugar tendremos que crear subcarpetas con el mismo nombre que la carpeta de platforms que deseemos sobreescribir.

  • Dentro de esa subcarpeta crearemos una estructura espejo a la carpeta www, pero únicamente situando los ficheros y carpetas que deseemos reemplazar.

Por ejemplo, el fichero merges/android/css/overrides.css sobreescribiría el css situado en www/css/overrides.css pero solamente para la plataforma Android.

Si por ejemplo quisieramos especificar un estilo distinto para la plataforma iOS, podríamos almacenar dicho recurso en:

merges/ios/css/overrides.css

El cual cargaríamos desde el fichero index.html situado en www/index.html de forma normal:

<link rel="stylesheet" type="text/css" href="css/overrides.css" />

Además tendríamos que crear un css vacío (o con algún estilo por defecto) en www/css/overrides.css que utilicen el resto de plataformas que no sean "iOS" para evitar que apareciera un error de fichero no encontrado.

Last updated