Comment déployer une version différente d'index.html pour PWA et applications natives avec Ionic 2

Question

notre PWA vit ici: https://m.quemesa.com et nous avons également des applications natives avec la même base de code. Toutefois, nous ne ciblons pas la plate-forme Cordova Browser (car elle ne semble pas officiellement prise en charge et je ne vois pas quel avantage elle apporte). Nous devons donc ajouter un code légèrement différent pour notre PWA par rapport à notre native. builds de l'application. Par exemple, dans le PWA, nous utilisons la solution pure Google Analytics qui nécessite 2 lignes de javascript dans le fichier index.html. Pour nos versions natives, nous utilisons le plugin Cordova GA, donc ce n'est pas nécessaire. Dans le PWA, nous n'avons pas besoin de lier Cordova.js et Vendor.js pour exmaple (ils ont une erreur 404). Dans les applications natives nous faisons.

Actuellement, je modifie manuellement (beurk) le dossier de sortie avant de le télécharger sur Azure pour le PWA.

Y at-il un moyen d'éditer le processus de construction ionique de sorte que je puisse avoir 2 versions de l'index et il saisit celui qu'il veut pour le dossier de sortie selon le type de construction OU il peut modifier le fichier html temps?

Answer 1

L'outil de construction ionique actuel seul ne supporte pas cela.

Vous pouvez simplement avoir 2 versions de index.html et un petit script à échanger entre eux et construire les deux versions. C'est aussi quelque chose que vous pourriez faire avec un outil de construction CI "complet". Depuis que vous avez mentionné Azure, vous pouvez utiliser Visual Studio Team Services. Il existe des tâches disponibles pour npm (pour installer ionique, exécuter une build PWA) et exécuter des scripts de commande/PowerShell. Il peut être plus facile de démarrer en configurant une machine virtuelle «agent» avec tout ce dont elle a besoin pour construire votre application (nœud, ionique, studio Android, etc.) puis de construire votre processus de construction à partir de là.