如何使用SpringBoot和Angular2設置結構？

我試圖用SpringBoot來使用Angular2，但我無法將它們放在一起。如何使用SpringBoot和Angular2設置結構？

我首先啓動了一個springboot項目，然後試圖按照johnpapa的Angular 2 Tour of Heroes來運行並運行npm install。

的結構看起來象下面這樣：

我有/app文件夾和.js被編譯爲resources/static/app/js。

問題：

1）文件夾resources/static/node_modules/有大量的文件。所以當運行時，它變得非常慢，有時甚至不能刷新文件。我相信我不應該把node_modules放在那裏，但不知道。

2）npm install把文件放在./node_modules，所以我現在將它們複製到static文件夾中。我應該建立node_modules到static？

3）我的結構看起來hacky ..什麼是最好的辦法呢？

如何設置此結構？另外，請讓我知道如果我應該開始使用grunt/gulp或其他工具來使這更容易。

詩：如果有人有興趣的johnpapa指南：johnpapa's angular2 guide

2016-07-15 Felipe S.

我的理解是全角2應用程序應該在src走/主/資源/靜態[或類似]（https：//開頭spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot）。你目前的方法是否真的有效？ – ben3000

我這樣做，它將工作，如果我將'node_modules'複製到'static'，但'bootRun'變得非常慢，並且不會刷新靜態內容，如果它更改。我想避免把整個Angular 2應用程序，所以它不會公佈不必要的資源，但也許這就是我應該如你所建議的方式.. –

我對你的問題的迴應非常感興趣，因爲我已經標題沿着這條道路，但還沒有完全實現它。 – ben3000

1）static文件夾中刪除node_modules。你的構建過程應該捆綁所有必要的模塊。僅在構建期間使用node_modules。

2）不要複製node_modules到靜態文件夾

3）static文件夾中刪除源。這是一個只對產生包+一些靜態PROD文件，如index.html

2016-07-15 06:51:24 luboskrnac

有道理..我會花一些時間學習一些js構建過程..謝謝!! –

只要在這裏加入以防止任何人陷入同樣的問題..這裏有一個很好的鏈接教這一切！ :) http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html –

-1

我在GitHub上分享了角2 springboot集成項目的意思。你可以在這裏查看Angular 2 with spring boot

2017-03-29 14:10:26

歡迎來到SO，你應該真的提供你在答案中提供的任何鏈接的上下文，這樣你的答案可以獨立使用，就像鏈接不存在一樣。 – hoss

嘗試很酷項目構建Jhipster）

2017-03-29 14:19:49 Maksym

回答