Cordova
Hoe platformspecifieke www-map in Cordova aan te passen

css / js maken specifiek voor een platform (android / ios)

Stel dat u een css / js-bestand wilt maken dat specifiek is voor een platform. Daarvoor moet je een samenvoegmap maken in de hoofdmap van je cordova porject. In de map merges maakt u een map voor elk platform (android / ios ..). maak vervolgens in een specifieke platformmap een css / js-map en plaats uw css / js-bestand specifiek voor de platformmap. Dat is alles, zodra u de opdracht cordova build uitvoert, worden alle js / css-bestanden die overeenkomen met elk platform in de gerespecteerde platformmap geplaatst

Opmerking: zorg ervoor dat op uw root www / index.html dezelfde css / js zijn gedefinieerd. Zorg er daarom voor dat u dezelfde bestandsnaam heeft die overeenkomt met elk platform in de samenvoegmap.

//let say you are in CordovaMergesExample folder
cd CordovaMergesExample 

//create test folder with com.test id and TestApp as name
cordova create test com.test TestApp

//add platform android and ios 
cordova platform add android ios


----------


//create merges/android/css/override.css and merges/ios/css/override.css 


----------

//In root www/index.html add this stylesheet
<link rel="stylesheet" type="text/css" href="css/override.css" />


----------


cordova build

---> cordova build engine automatically identify the platform in merges folder and add files in respective folders. Check platforms/android/assets/www/css and platforms/ios/www/css