Spring Boot, Maven, AngularJS 2, Typoskript und Live Reload

Question

Ich bin in einer Studienphase für eine Anwendungsentwicklung. Die serverseitige Entwicklung hat bereits begonnen, mit Spring boot und Maven. Jetzt studiere ich die möglichen Optionen, um die Client-Seite zu entwickeln.

Ich möchte Angular 2 verwenden (ich weiß, es ist immer noch in Alpha), aber ich bin wirklich zögerlich zwischen seiner javascript und typescript Version. Ich weiß, die Live-Nachladung mit javascript Version sollte gut funktionieren mit Maven Spring-Boot-Lauf (in der Theorie), und das ist eine große Hilfe für die Produktivität. Ich fragte mich, ob es eine Möglichkeit gab, die Live-Nachladung für typescript Version von Angular zu haben. Hat es jemand geschafft, es in seinem eigenen Projekt zu implementieren? Wenn ja, wie haben Sie das gemacht?

Ich habe keine doc dazu auf maven-typescript-plugin

Das Build-System sein wird Maven für Client-Seite zu finden.

BEARBEITEN: Gibt es einen einfachen Weg für das Debuggen von Typoskripten, oder ist es ein Schmerz?

Answer 1

Eine Möglichkeit besteht darin, eine Uhr hinzuzufügen, die bei jeder Dateiänderung automatisch ausgelöst wird. Zum Beispiel, versuchen Sie folgendes zu Ihrem package.json Datei hinzufügen:

{ 
    "scripts": { 
    "tsc": "tsc -p src -w" 
    } 
} 

Da die Quickstart for Angular 2 (buchstäblich) heißt es, dass diese aktiviert wird, wenn Sie ein Terminal-Fenster in der Wurzel des Anwendungsordner öffnen und eingeben:

npm run tsc 

Das Skript legt die Compiler-Watch-Option (-w) so, dass der Compiler am Leben bleibt, wenn es fertig ist. Es sucht nach Änderungen an .ts-Dateien und kompiliert sie automatisch neu.

Wenn Sie dies in Betracht ziehen, können Sie einfach alte .js-Dateien ausspucken. Sie können dann die Werkzeuge verwenden, mit denen Sie die Seite neu laden können.