2015-10-26 18 views
6

Sono in una fase di studio per lo sviluppo di un'applicazione. Lo sviluppo sul lato server è già stato avviato, con Spring boot e Maven. Ora sto studiando le possibili opzioni per sviluppare il lato cliente.Avvio a molla, Maven, AngularJS 2, dattiloscritto e live ricarica

Mi piacerebbe usare Angular 2 (so che è ancora in alpha), ma sono davvero esitante tra la sua versione javascript e typescript. So che la ricarica live con la versione javascript dovrebbe funzionare bene con maven spring-boot run (in teoria), e questo è di grande aiuto per la produttività. Mi chiedevo se ci fosse un modo per avere il live ricarica per typescript versione di Angular troppo. Qualcuno è riuscito a implementarlo nel proprio progetto? Se sì, come hai fatto?

non ho trovato alcun documento su questo su maven-typescript-plugin

Il sistema di compilazione sarà Maven per lato client troppo.

EDIT: Esiste un modo semplice per il debug del dattiloscritto o è un problema?

risposta

5

Un modo potrebbe essere l'aggiunta di un orologio per l'attivazione automatica di qualsiasi modifica di file. Ad esempio, provare ad aggiungere quanto segue al package.json del file:

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

Come il Quickstart for Angular 2 (letteralmente) afferma che questo sarà attivato quando si apre una finestra di terminale nella radice della cartella dell'applicazione e immettere:

npm run tsc 

Lo script imposta l'opzione di controllo del compilatore (-w) in modo che il compilatore rimanga in vita al termine. Controlla le modifiche ai file .ts e li ricompila automaticamente.

Considerando questo si sputeranno file .js plain-old, è possibile utilizzare gli strumenti con cui ci si sente a proprio agio per ricaricare la pagina.

+0

Sembra promettente! Sai se Angular 2 usa le mappe sorgente, così che sarei in grado di eseguire il debug direttamente dai miei sorgenti ts invece di eseguire il debug delle sorgenti js generate? –

+0

Certo, come con qualsiasi altro framework o strumento Javascript sia Angular2 che TypeScript supportano le mappe sorgente in quanto possono essere configurate nello script di build. Oltre a ciò, per scopi di sviluppo, puoi semplicemente aggiungere il traspiatore TypeScript al tuo html, permettendoti di usare i file nativi .ts piuttosto che i .js compilati. Questo è anche dimostrato per primo [nella Quickstart] (https://angular.io/docs/ts/latest/quickstart.html). –

+0

Grazie mille, mi hai convinto! –