Je suis nouveau dans l'utilisation de Cordova. Une façon de recharger en direct une application Cordova que je connais est d'utiliser le plugin 'cordova-plugin-browsersync'. Mais mon application a été construite par Webpack, maintenant je veux recharger en direct dans le navigateur, je dois d'abord exécuter 'webpack-dev-server' et exécuter 'cordova run browser -- --live-reload'. Puis-je atteindre la fonction de rechargement en direct plus facilement et déboguer le rechargement en direct dans l'émulateur?
Réponse
Trop de publicités?
sandorvasas
Points
19
Je viens de rencontrer le même problème et n'ai pas encore trouvé de solution prête, donc voici ce que j'ai fait et les prochaines étapes de mon plan pour le résoudre.
J'ai téléchargé cordova-plugin-browsersync
cordova plugin add cordova-plugin-browsersync n'a pas fonctionné, donc je l'ai copié manuellement dans le dossier des plugins, j'ai mis à jour le package.json de cordova et installé les modules node du plugin à partir du dossier cordova-plugin-browsersync.
Après cela, l'application semble se mettre à jour assez rapidement si quelque chose est modifié dans le dossier www.
Il me reste à résoudre comment produire des fichiers de bundle intermédiaires à partir de webpack-dev-server, ce qu'il ne fait pas par défaut. J'ai trouvé write-file-webpack-plugin, mais il ne produit pas tous les fichiers dans le dossier de construction, donc il pourrait ne pas fonctionner très bien pour cette fin.
Mon plan est donc de
- créer un fichier
webpack.config.cordova.jsoù la compression de code est désactivée - installer une application qui surveille le dossier src et appelle un script node.js
- ce script compile de manière programmatique avec cette configuration webpack, produisant dans le dossier www/ de cordova
