Ionic3 importer la bibliothèque javascript hébergée externe web

Question

J'essaie de créer une application iOS/Android basée sur un projet Web html5 côté client, (c'est-à-dire un site) que j'ai fait. Je pensais que Ionic serait le choix idéal, qu'il m'aiderait à porter mon application web dès que possible. Dans mon site, j'utiliserais la balise 'script src = "https: // ..." pour charger la lib externe, puis l'appeler dans un autre script . Cependant, je ne peux pas l'importer et l'utiliser dans Ionic3. J'ai essayé de nombreuses solutions étiquetées avec 'ionic2' et rien ne semble vraiment fonctionner. Il semble également que personne ne connaisse une solution générale à ce problème, car chaque réponse était spécifique à chaque cas.

Est-ce que quelqu'un connaît une manière générale d'importer un fichier js externe et d'utiliser ses objets et ses 'classes' dans ionic3?

(Je préférerais charger à partir du Web, mais j'accepte également de télécharger et charger le fichier vient.)

(Si ionique est pas la meilleure façon d'accomplir mon objectif, je suis ouvert à suggestions)

Answer 1

Je pense que vous devez attendre jusqu'à la publication des Ionic 4 et Stencil.

En quoi consiste Ionic 4 et Stencil?

Le générateur de composants de bande magique réutilisable.

Stencil est un outil pour la construction de composants Web modernes

Stencil combine quelques-unes des meilleures caractéristiques de traditionnels cadres, mais génère 100% conformes aux standards d'éléments personnalisés, une partie de la spécification Web Component. Stencil a été créé par l'équipe de Ionic Framework afin de créer plus rapidement et plus efficacement des applications mobiles et Web performantes. Pochoir est le fondement de la prochaine génération de Ionic Framework, mais est complètement indépendant de Ionic ou de tout autre cadre de l'interface utilisateur.

Ici vous pouvez voir le official doc.

Belle vidéo sur the power of Ionic 4

Belle article about it

Answer 2

Tout d'abord un coup d'oeil à ce resource ionique utile, il explique comment ajouter des bibliothèques de parti thirs utilisant NPM.

Si vous ne pouvez pas utiliser npm pour une raison quelconque, vous devez placer le fichier source .js dans votre dossier assets/js et l'importer dans votre index.html en utilisant un tag <script>. Ensuite, vous devez dire à tapuscrit que votre bibliothèque existe. Ceci est fait comme suit: declar var <library-handle>. Où <library-handle> peut être une fonction/classe exportée si la bibliothèque utilise déjà ES2015 ou l'objet qui expose les fonctions en utilisant le prototype. C'est la partie difficile où vous devrez peut-être essayer quelques petites choses jusqu'à ce que vous l'obteniez au travail.

Vous pouvez jeter un oeil à mes réponses here, here et here où j'ai expliqué comment ajouter différentes bibliothèques tierces à des projets ioniques.