2017-10-03 2 views
1

Je développe une application sur Ionic version 3.9.2, pour les comprimés android. Je travaille sous Windows 10 avec Visual Studio Code.Les changements CSS ioniques ne sont pas persistants quand après ionique serve/cordova exécuter commandes android

Dans mon dossier plaform, je n'ai qu'un seul périphérique: mon périphérique Android physique.

La façon dont je processus pour corriger certains détails CSS est que je lance simplement une commande ionic serve, trouve mon élément HTML, et mettre à jour le fichier main.css situé dans le dossier www/build (je n'utilise pas SCSS). Cela fonctionne bien jusqu'à ce que je décide de vérifier si tout semble bien sur ma tablette Android: Je vais lancer un cordova run android, puis tous les changements CSS sont perdus - même si je retourne sur mon navigateur, et lancer un nouveau ionic serve .

S'il vous plaît noter que je parle de styles très basiques, comme les couleurs et la taille de la police, pas de styles spécifiques à la plate-forme.

Je ne suis pas sûr que ce comportement soit dû au périphérique cible lui-même; il semble que les modifications seront incluses avec succès sur ma plate-forme de test jusqu'à ce que je décide de changer de plate-forme, puis la nouvelle plate-forme effacera mes modifications car elle prend en charge le processus de construction.

Est-ce possible?

Peut-être devrais-je arrêter de basculer entre ces 2 commandes?

Ou peut-être devrais-je éditer les deux fichiers CSS (www/build/main.css et plates-formes/android/assets/www/build/main.css) en même temps, ce qui nécessite beaucoup plus de travail?

Toute aide appréciée.

+0

On dirait que vous cherchez 'gulp' pour regarder les changements de vos fichiers CSS. Vous pouvez également rafraîchir de force les changements CSS en maintenant SHIFT en cliquant sur l'icône d'actualisation. –

+0

Vous ne devez pas modifier l'un de ces deux fichiers CSS parce qu'ils sont générés lorsque vous exécutez une commande de construction, c'est pourquoi vos modifications sont perdues. Tout le développement se passe dans le dossier 'src'. Vous devriez passer par quelques tutoriels de base pour se familiariser avec le développement d'applications hybrides. – David

Répondre

0

Oh bien sûr, je ne devrais pas éditer ce fichier CSS. À la place, modifiez le fichier SCSS approprié dans le dossier SRC.

Merci pour votre réponse.