2016-07-15 115 views
10

Sto provando ad usare Angular2 con Springboot, ma non riesco a metterli insieme.Come configurare la struttura con SpringBoot e Angular2?

Ho iniziato un progetto Springboot, quindi ho provato a seguire l'Angular 2 Tour of Heroes di johnpapa ed eseguire npm install.

La struttura si presenta come di seguito:

Structure

devo la cartella /app, e il .js vengono compilati a resources/static/app/js.

Problemi:

1) La cartella resources/static/node_modules/ ha un sacco di file. Quindi, quando si esegue bootRun, diventa molto lento e talvolta non è nemmeno possibile aggiornare i file. Credo che non dovrei inserire i node_modules lì, ma non sono sicuro ..

2) npm install inserisce i file in ./node_modules così attualmente li ho copiati nella cartella static. Dovrei semplicemente costruire il node_modules su static?

3) La mia struttura sembra hacky .. qual è il modo migliore per farlo?

Come impostare questa struttura? Inoltre, per favore fatemi sapere se dovrei iniziare a usare grunt/gulp o qualche altro strumento per renderlo più facile.

Ps .: Nel caso in cui qualcuno è interessato a guida del johnpapa: johnpapa's angular2 guide

+1

La mia comprensione è che l'intero angolare 2 applicazione dovrebbe andare sotto src/main/resources/static [o simili] (https: // spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot). Il tuo attuale approccio funziona davvero? – ben3000

+0

Come ho fatto, funziona se copio 'node_modules' in' static', ma 'bootRun' diventa molto lento e non aggiorna il contenuto statico se cambia. Volevo evitare di inserire l'intera app Angular 2 in modo che non pubblicasse risorse inutili, ma forse è così che dovrei farlo come hai suggerito .. –

+0

Sono molto interessato alle risposte alla tua domanda, visto che mi sono diretto anche in questo percorso, ma non ancora pienamente implementato. – ben3000

risposta

2

1) Rimuovere node_modules dalla cartella static. Il tuo processo di compilazione dovrebbe raggruppare tutti i moduli necessari. node_modules viene utilizzato solo durante la compilazione.

2) Non copiare node_modules nella cartella statica

3) Rimuovere le fonti dalla cartella static. Quello è inteso solo per pacchetti generati + alcuni file PROD statici come index.html

+0

Ha senso .. Mi ci vorrà del tempo per imparare qualche processo di costruzione di js .. grazie !! –

+0

Basta aggiungere qui nel caso qualcuno cada nello stesso problema .. C'è un bel collegamento qui insegnando tutto questo! :) http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html –

-1

Ho condiviso su github un progetto che integra Angular 2 con springboot. potete controllare qui Angular 2 with spring boot

+0

Benvenuti in SO, dovresti davvero fornire un contesto ai link che fornisci nella tua risposta così la tua risposta può essere usato in standalone come se il link non esistesse. – hoss