2017-06-13 8 views
3

Ich spiele mit angular-CLI 2 Projekt, ich möchte es für Android mit cordova build android bauen, wie mache ich das?Wie kann ich bauen - angular2 cli Projekt Cordova bauen Android

Dies ist meine Ordnerstruktur: enter image description here

Ich erstelle cordova Apps mit HTML, CSS, JS. Ich beginne mit angular2. Ich möchte wissen, wie wir das mit Cordova bauen.

Bitte nicht beziehen IONIC, ich bin mir dessen bewusst.

Antwort

9

so in Ihrem Winkel cli Projekt, generieren Build mit

ng build --prod --base-href . 

Nun, was auch immer in der dist Ordner, so setzen sie in www Ordner Ihre Cordovas, dann erzeugen apk/ipa mit

cordova build android 

den Prozess zu automatisieren Sie ändern hier machen ist

  1. , um sicherzustellen, dass die dist in Cordovas www Ordner geht, die dist Lage in Winkel cli.json & Punkt ändern Sie ihn auf Cordovas www Ordner

dieser Teil spezifisch sein

"apps": [{ 
     "root": "src", 
     "outDir": "dist", //change this line to point to cordova's www folder. 
  1. Zum Ausführen von ng build --prod --base-href. wenn wir eine cordova Build tun, einen Haken in cordova wie diese

GIST Link schreiben: Cordova -Angular CLI Hook

Register dieser Haken in config.xml wie diese

<hook type="before_prepare" src="hooks/buildApp.js"/> 

EDIT:

--base-href Befehl.

enter image description here

+0

Was ich früher tat, ich alles von dist kopiert, hielt es in www, den Reißverschluss und auf build.phonegap.com hochgeladen, kann ich sehen, nur '' Laden ... und sonst nichts. und was ist ein Haken übrigens ?? –

+0

also wie hast du es gebaut? basierend auf Ihrem Fehler die Base-href ist nicht festgelegt, stellen Sie sicher, dass Sie mit 'ng Build - Base-href erstellen. –

+0

Hook ist etwas, das Sie benutzerdefinierte Prozess vor Cordova Build ausführen können, so sagen Sie cordova Build ausführen, Also zuerst wird es eckigen Build laufen und dann eine Cordova bauen –