2016-07-31 13 views
5

Trudno zobaczyć dokumenty lub przykłady, gdy Ionic 2 jest obecnie niedostępny.Jak importować plik ionic.native.js do Ionic V1/Angular 1.x

Chcę użyć ionic.native.js w starym projekcie Ionic V1. Chodzi o to, że instalacja jest z npm

npm install ionic-native --save

Ale teraz mam mnóstwo npm modułów pod node_modules/ jako zależność. Dokumentacja Ionic powiedzieć:

Jeśli używasz kątowa 1.x lub zwykły ES5 JavaScript, trzeba dodać ionic.native.js do index.html

ale oni nie dają przykład "jak" umieścić go w index.html - i to jest moje pytanie.

Obecnie mój plik znajduje się w:

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

Nie ma zadanie łyk dla node_modules/ dir ... więc jak mogę zaimportować go do index.html? a może użyłem polecenia npm w niewłaściwym miejscu? (Obecnie jest to w katalogu głównym projektu, gdzie gulpfile.js życie)

Odpowiedz

4

Miałem ten sam problem co ty.

W końcu, co skończył rozwiązywania go używał:

bower install ionic-native --save 

To dodaje pliki do katalogu/lib, który jest dostępny na stronie indeksu.

Następnie w pliku index.html, dodać:

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

Mam nadzieję, że to pomaga!

+0

altanka vs npm ... prawda! –

0

Kopiowanie ionic.native.js w js folderze i dodać do swojej <script src="js/ionic.native.js"></script> index.html

+0

ale co z wszystkimi zależnościami, jak Ionic będą wiedzieć, aby je od node_modules/reż. –

+0

Jeśli zaimportujesz plik JS rodzimego pakunku do pliku index.html, uzyskasz dostęp do wtyczek za pośrednictwem zmiennej IonicNative. –

+0

ale 'npm install ionic-native' zainstaluj 20 innych zależności npm, nie znajdzie ich –

0

byłem sfrustrowany przez to, too. I w końcu po prostu kopiowany plik ionic.native.js do folderu lib i importowane go tam tak:

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

To działało, ale obawiam się, że teraz to będzie kłopotów z tym poradzić i to zależności.

0

Jeśli chcesz użyć npm zamiast bower można dodać ścieżkę do żądanego miejsca podczas instalacji wtyczki:

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