2016-07-31 6 views
5

Es wird schwierig, Dokumente oder Beispiele zu sehen, jetzt wo Ionic 2 ist.Wie ionic.native.js in Ionic V1/Angular 1.x importiert wird

Ich möchte ionic.native.js im alten Ionic V1-Projekt verwenden. Sache ist, dass die Installation mit npm

npm install ionic-native --save

Aber jetzt habe ich Tonnen npm Module unter node_modules/ als Abhängigkeit. Ionic Dokumentation sagen:

Wenn Sie Angular 1.x oder schlicht ES5 JavaScript verwenden, können Sie ionic.native.js auf Ihre index.html

hinzufügen müssen, aber sie nicht geben Beispiel auf "wie" es in die index.html zu platzieren - und das ist meine Frage.

> find . -name ionic.native.js 
./node_modules/ionic-native/dist/ionic.native.js 

Es gibt keine Schluck Aufgabe für die node_modules/ dir ... so wie importiere ich es in index.html:

Derzeit ist meine Datei in sich? oder vielleicht habe ich den npm-Befehl an der falschen Stelle verwendet? (Zur Zeit ist es im Stammverzeichnis des Projekts, wo gulpfile.js Leben)

Antwort

4

Ich hatte das gleiche Problem wie Sie.

Am Ende, was es wurde mit der Lösung am Ende:

bower install ionic-native --save 

Dies fügt die Dateien in das lib/Verzeichnis, das von der Indexseite zugänglich ist.

Dann in der Datei index.html hinzu:

<script src="lib/ionic-native/ionic.native.js"></script> 

Hoffentlich hilft!

+0

bower vs npm ... richtig! –

0

Kopieren ionic.native.js in js Ordner und fügen Sie <script src="js/ionic.native.js"></script> auf Ihre index.html

+0

aber was ist mit all den Abhängigkeiten, wie Ionic wissen sie von node_modules erhalten/dir? –

+0

Wenn Sie die ionische native bundle JS-Datei in Ihre index.html importieren, können Sie über die Variable IonicNative auf die Plugins zugreifen. –

+0

aber 'npm ionic-native installieren 'installieren 20 andere npm Abhängigkeiten, es wird nicht gefunden –

0

ich damit frustriert war, auch. Ich schließlich kopiert nur die ionic.native.js in den lib-Ordner-Datei, und dort importiert wie folgt aus:

<script src="lib/ionic.native.js"></script>

Das funktionierte, aber ich mache mir Sorgen, dass es jetzt ein Streit um es zu handhaben sein wird und es ist Abhängigkeiten.

0

Wenn Sie npm statt bower verwenden möchten, können Sie einen Pfad an den gewünschten Ort hinzufügen, wenn das Plugin installieren:

npm install ionic-native --save --prefix www/lib