Читать книгу Angular - Ferdinand Malcher - Страница 119

Webpack

Das Kommando sorgt dafür, dass der vorhandene TypeScript-Code transpiliert, mithilfe von Webpack gebündelt und schließlich vom »Angular Live Development Server« ausgeliefert wird. In der Kommandozeile wird der Status des Prozesses angezeigt. Erscheint die Meldung Compiled successfully., ist der Build abgeschlossen.

Abb. 5–6 Aufruf von ng serve auf der Kommandozeile

Die fertige Anwendung ist nun über die URL http://localhost:4200 im Browser erreichbar. Rufen wir diese URL auf, so erscheint die Ausgabe »book-monkey app is running!«.

Abb. 5–7 Die Anwendung im Browser aufrufen

Live Reload

Solange der Server gestartet ist und wir Änderungen an Dateien des Projekts vornehmen und speichern, aktualisiert sich die geöffnete Website stets automatisch im Browserfenster, sodass wir immer eine korrekte Ansicht vom gerade erstellten Projektstand haben.